Selectores de ID

En un documento HTML, los selectores de ID de CSS buscan un elemento basado en el contenido del atributo id. El atributo ID del elemento seleccionado debe coincidir exactamente con el valor dado en el selector.

/* El elemento con id="demo" */
#demo {
  border: red 2px solid;
}

Sintaxis

#id_value { style properties }

Nótese que esto es equivalente al siguiente attribute selector:

[id=id_value] { style properties }

Ejemplo

CSS

#identified {
  background-color: skyblue;
}

HTML

<div id="identified">¡Este div tiene un ID especial!</div>
<div>Este solo es un div regular.</div>

Resultado

Especificaciones

Especificación Estado Comentarios
Selectors Level 4
La definición de 'ID selectors' en esta especificación.
Working Draft  
Selectors Level 3
La definición de 'ID selectors' en esta especificación.
Recommendation  
CSS Level 2 (Revision 1)
La definición de 'ID selectors' en esta especificación.
Recommendation  
CSS Level 1
La definición de 'ID selectors' en esta especificación.
Recommendation Definición Inicial.

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
ID selector (#idName)Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 3Opera Soporte completo SiSafari Soporte completo 1WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0

Leyenda

Soporte completo  
Soporte completo