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