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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Étiquettes et contributeurs liés au document

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