Qué es un ID en CSS y para qué sirve

En CSS, un ID es un selector que se utiliza para aplicar estilos a un elemento HTML específico. Se define en el HTML mediante el atributo id, y en CSS se hace referencia a él utilizando el símbolo de número (#) seguido del nombre del ID.

Características del ID en CSS

Unicidad

Cada ID debe ser único dentro de un documento HTML. Esto significa que no puedes tener más de un elemento con el mismo ID en una misma página.

Especificidad

Los selectores de ID tienen una alta especificidad, lo que significa que los estilos aplicados a un ID tendrán prioridad sobre los estilos aplicados a clases o elementos.

Uso en CSS

Para aplicar estilos a un elemento con un ID específico, se utiliza la siguiente sintaxis:

#nombre-del-id {
    propiedad: valor;
}

Ejemplo

HTML:

<div id="miElemento">Este es un elemento con un ID.</div>

CSS:

#miElemento {
    color: blue;
    font-size: 20px;
}

En este ejemplo, el texto dentro del <div> con el ID miElemento se mostrará en color azul y con un tamaño de fuente de 20 píxeles.

Los IDs son útiles para aplicar estilos específicos a elementos individuales y para la manipulación de elementos mediante JavaScript.