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. |
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 com navegadores
Estamos convertendo nossos dados de compatibilidade para o formato JSON.
Esta tabela de compatibilidade ainda usa o formato antigo,
pois ainda não convertemos os dados que ela contém.
Descubra como você pode ajudar! (en-US)
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 | ? | ? | ? | ? | ? | ? |