En ocasións, é necesario aplicar estilos CSS a un único elemento da páxina. Aínda que se pode empregar o selector de clase, existe outro tipo de selector máis eficiente para este caso: o selector de ID.

O selector de ID permite seleccionar unha etiqueta da páxina a través do valor do seu atributo id.

Este tipo de selectores só seleccionan un elemento da páxina porque o valor do atributo id non se pode repetir en dous elementos diferentes dunha mesma páxina. Non é recomendable a súa utilización, salvo que sexa imprescindible, xa que temos que modificar o html para poder empregalo

A sintaxe dos selectores de ID é moi parecida á dos selectores de clase, salvo que se utiliza o símbolo da almofada (#) en vez do punto (.) como prefixo do nome da regra CSS:

<etiqueta id="destacado">

#destacado {
  propiedade: valor;
}

Ao igual que os selectores de clase, neste caso tamén se pode restrinxir o alcance do selector mediante a combinación con outros selectores. O seguinte exemplo aplica a regra CSS soamente ao elemento de tipo <p> que teña un atributo id igual ao indicado:

p#destacado {
  color: red;
}