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é.

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

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight, teoli, louuis, FredB, tregagnon
 Dernière mise à jour par : SphinxKnight,