Selectores de ID
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
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.
css
/* 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
css
#identified {
background-color: skyblue;
}
HTML
html
<div id="identified">¡Este div tiene un ID especial!</div>
<div>Este solo es un div regular.</div>
Resultado
Especificaciones
| Especificación |
|---|
| Selectors Level 4 # id-selectors |