Résumé
Dans un document HTML, les sélecteurs de classe CSS visent un élément en fonction du contenu de son attribut de classe. L'attribut de classe est défini selon une liste utilisant l'espace comme séparateur, et dont un des éléments doit correspondre exactement au nom de classe décrit par le sélecteur.
Syntaxe
.nom de classe { style propriétés }
Notez que ceci est équivalent au sélecteur d'attribut qui suit :
[class~=nomdeclasse] { style propriétés }
Exemples
span.classy {
background-color: DodgerBlue;
}
où :
<span class="classy">Voici un span avec du texte.</span> <span>En voici un autre.</span>
Donne le résultat suivant :
Voici un span avec du texte.
En voici un autre.
Spécifications
| Spécification | État | Commentaire |
|---|---|---|
| CSS Selectors Level 3 | Recommendation | |
| CSS 2.1 | Recommendation | |
| CSS 1 | Recommendation |
Compatibilité des navigateurs
| Fonction | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support de base | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
| Fonction | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support de base | ? | ? | ? | ? | ? | ? |