CSS . Sélecteur de classe
Exemple
Sélectionnez et stylisez tous les éléments avec class="intro":
.intro {
background-color: yellow;
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Le .class
sélecteur sélectionne des éléments avec un attribut de classe spécifique.
Pour sélectionner des éléments avec une classe spécifique, écrivez un point (.) suivi du nom de la classe.
Vous pouvez également spécifier que seuls des éléments HTML spécifiques doivent être affectés par une classe. Pour ce faire, commencez par le nom de l'élément, puis écrivez le caractère point (.), suivi du nom de la classe (regardez l'exemple 1 ci-dessous).
Les éléments HTML peuvent également faire référence à plusieurs classes (voir l'exemple 2 ci-dessous).
Version: | CSS1 |
---|
Prise en charge du navigateur
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Syntaxe CSS
.class {
css declarations;
}
Plus d'exemples
Exemple 1
Stylez tous les éléments <p> avec class="hometown":
p.hometown {
background-color: yellow;
}
Exemple 2
Cet élément <p> sera stylé selon class="center" ET selon class="large":
<p class="center large">This paragraph refers to two classes.</p>