Un sélecteur d'identifiant (ID selector) permet, pour un document HTML, de cibler un élément grâce à la valeur de son attribut id. Il faut que la valeur soit exactement la même que celle du sélecteur pour que l'élément soit effectivement ciblé.
Syntaxe
#valeur_identifiant { déclarations }
Note : Cela est équivalent à la notation suivante qui utilise un sélecteur d'attribut:
[id=valeur_identifiant] { déclarations }
Exemples
CSS
span#identifie {
background-color: blue;
}
HTML
<span id="identifie">Voici un span avec du texte.</span> <span>Et un autre (mais sans identifiant).</span>
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| Selectors Level 4 La définition de 'ID selectors' dans cette spécification. |
Version de travail | |
| Selectors Level 3 La définition de 'ID selectors' dans cette spécification. |
Recommendation | |
| CSS Level 2 (Revision 1) La définition de 'ID selectors' dans cette spécification. |
Recommendation | |
| CSS Level 1 La définition de 'ID selectors' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? | ? |