class

Description

L’attribut class accepte une liste de noms de classes séparés par des espaces. Ces classes sont utilisées par CSS pour appliquer des styles et par JavaScript pour sélectionner des éléments. Un même nom de classe peut être appliqué à plusieurs éléments ; un même élément peut recevoir plusieurs classes.

Syntaxe

<div class="conteneur principal">…</div>

Exemples

Plusieurs classes sur un élément :

<p class="alerte alerte-erreur visible">
  Une erreur s'est produite.
</p>

Sélection JavaScript :

<button class="btn btn-primaire">Envoyer</button>

<script>
  document.querySelectorAll('.btn').forEach(el => {
    el.addEventListener('click', () => console.log('clic'));
  });
</script>