Exemple
Sélectionnez le style et tous les éléments avec class="intro" :
.intro {
background-color: yellow;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le .class sélecteur sélectionne les éléments avec un attribut de classe spécifique.
Pour sélectionner des éléments avec une classe spécifique, écrire une période (.) Caractère, suivi du nom de la classe.
Vous pouvez également spécifier que seuls les éléments HTML spécifiques devraient être affectés par une classe. Pour ce faire, commencez par le nom de l' élément, puis écrire la période (.) Caractère, suivi du nom de la classe (look at Example 1 below) l' (look at Example 1 below) - (look at Example 1 below) .
Les éléments HTML peuvent également se référer à plus d'une classe (look at Example 2 below) l' (look at Example 2 below) - (look at Example 2 below) .
| Version: | CSS1 |
|---|
support du navigateur
| Sélecteur | |||||
|---|---|---|---|---|---|
| .class | Oui | Oui | Oui | Oui | Oui |
Syntaxe CSS
Autres exemples
Exemple 1
Style de tout <p> éléments avec class="hometown" :
p.hometown {
background-color: yellow;
}
Essayez - le vous - même » exemple 2
Ce <p> élément wil être stylé selon class="center" ET à class="large" :
<p class="center large">This paragraph refers to two classes.</p> Essayez - le vous - même »