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. |
Rascunho atual | |
| Selectors Level 3 The definition of 'ID selectors' in that specification. |
Recomendação | |
| CSS Level 2 (Revision 1) The definition of 'ID selectors' in that specification. |
Recomendação | |
| CSS Level 1 The definition of 'ID selectors' in that specification. |
Recomendação | Definição inicial |
Compatibilidade nos Navegadores
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 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 | ? | ? | ? | ? | ? | ? |