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

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1121 Oui Oui Oui
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Oui Oui Oui4 Oui Oui Oui

Étiquettes et contributeurs liés au document

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