Sélecteurs d'ID

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