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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
ID selector (#idName ) | Chrome Soporte completo 1 | Edge Soporte completo 12 | Firefox Soporte completo 1 | IE Soporte completo 3 | Opera Soporte completo Si | Safari Soporte completo 1 | WebView Android Soporte completo ≤37 | Chrome Android Soporte completo 18 | Firefox Android Soporte completo 4 | Opera Android Soporte completo Si | Safari iOS Soporte completo 1 | Samsung Internet Android Soporte completo 1.0 |
Leyenda
- Soporte completo
- Soporte completo