Seletores de ID

Em um documento HTML, os seletores de ID do CSS selecionam um elemento baseado no conteúdo de seu atributo id,  o qual deve ser exatamente igual ao valor dado ao seletor.

Sintaxe

#valor_id { propriedades de estilo }

Note que isso é equivalente aos seguintes seletores de atributo:

[id=valor_id] { propriedades de estilo }

Exemplo

span#identificado {
  background-color: DodgerBlue;
}
<span id="identificado">Aqui um span com um pouco de texto.</span>
<span>Aqui outro.</span>

Especificações

Especificação Status Comentário
Selectors Level 4
The definition of 'ID selectors' in that specification.
Working Draft  
Selectors Level 3
The definition of 'ID selectors' in that specification.
Recommendation  
CSS Level 2 (Revision 1)
The definition of 'ID selectors' in that specification.
Recommendation  
CSS Level 1
The definition of 'ID selectors' in that specification.
Recommendation Definição inicial

Compatibilidade nos Navegadores

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico (Yes) (Yes) (Yes) (Yes) (Yes)
Recurso Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico ? ? ? ? ? ?

Etiquetas do documento e colaboradores

 Colaboradores desta página: fcard
 Última atualização por: fcard,