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 | ? | ? | ? | ? | ? | ? |