El CSS Selector de ID coincide con un elemento en función del valor del elemento id
atributo. Para que el elemento sea seleccionado, su id
El atributo debe coincidir exactamente con el valor dado en el selector.
/* The element with */ #demo { border: red 2px solid; }
Sintaxis
#id_value { style properties }
Tenga en cuenta que sintácticamente (pero no en términos de especificidad), esto es equivalente a lo siguiente attribute selector
:
[id=id_value] { style properties }
Ejemplos de
CSS
#identified { background-color: skyblue; }
HTML
<div id="identified">This div has a special ID on it!</div> <div>This is just a regular div.</div>
Resultado
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
Selectores Nivel 4 La definición de ‘selectores de ID’ en esa especificación. |
Borrador de trabajo | |
Selectores Nivel 3 La definición de ‘selectores de ID’ en esa especificación. |
Recomendación | |
CSS Nivel 2 (Revisión 1) La definición de ‘selectores de ID’ en esa especificación. |
Recomendación | |
Nivel 1 de CSS La definición de ‘selectores de ID’ en esa especificación. |
Recomendación | Definición inicial |
Compatibilidad del navegador
Escritorio | Móvil | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Cromo | Borde | Firefox | explorador de Internet | Ópera | Safari | WebView Android | Chrome Android | Firefox para Android | Opera Android | Safari en IOS | Internet de Samsung | |
ID_selectors |
1 | 12 | 1 | 3 | 3,5 | 1 | ≤37 | 18 | 4 | 10.1 | 1 | 1.0 |
Ver también
- Selectores CSS
- Aprender CSS: selectores
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)