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é.
/* L'élément avec l'identifiant id="demo" */
#demo {
border: red 2px solid;
}
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
#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
BCD tables only load in the browser