: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
Error: could not find syntax for this item
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 | ? | ? | ? | ? | ? |