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 for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Soporte básicoChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo SiOpera Soporte completo SiSafari Soporte completo SiWebView Android Soporte completo SiChrome Android Soporte completo SiEdge Mobile Soporte completo SiFirefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo SiSamsung Internet Android Soporte completo Si

Leyenda

Soporte completo  
Soporte completo

Etiquetas y colaboradores del documento

Colaboradores en esta página: lajaso, israel-munoz
Última actualización por: lajaso,