Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Sumario

A pseudo-class CSS  :root representa o elemento root de uma árvore, representando o documento. Applicado 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 util para declarar uma variavel 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 dos Browser

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!

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 ? ? ? ? ?

Etiquetas do documento e colaboradores

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