:root
Sumário
A pseudo-classe CSS :root se equipara à raíz de uma árvore, que por sua vez representa o documento. Aplicado ao HTML, :root representa o elemento <html> e é identico ao seletor html, exceto que sua especificidade é mais alta.
Sintaxe
:root
Exemplo
Usar :root pode ser útil para declarar uma variável CSS global:
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Especificações
| Especificação | Status | Comentário |
|---|---|---|
| Selectors Level 4 The definition of ':root' in that specification. |
Rascunho atual | Sem mudança |
| Selectors Level 3 The definition of ':root' 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)
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1 | 1.0 (1.7 or earlier) | 9 | 9.5 | 1.0 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? |