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 AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
ID selector (#idName)Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 3Opera Support complet OuiSafari Support complet 1WebView Android Support complet OuiChrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet

Étiquettes et contributeurs liés au document

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