Sélecteurs de classe

Un sélecteur de classe est un type de sélecteur CSS qui sélectionne les éléments possédant un attribut de classe spécifique. L'attribut de classe est un attribut personnalisé que vous pouvez ajouter aux éléments HTML pour les regrouper.

Pour sélectionner des éléments avec une classe spécifique, vous utilisez un point (.) suivi du nom de la classe. Par exemple, le sélecteur .my-class sélectionne tous les éléments qui possèdent la classe my-class.

Voici un exemple d'utilisation d'un sélecteur de classe pour styliser une page web :

.my-class {
  color: red;
  font-size: 2em;
}

Pour ajouter une classe à un élément, écrivez :

<div class="my-class"></div>

Cette règle CSS stylisera tous les éléments possédant la classe my-class en rouge avec une taille de police de 2em.