:root

Sumario

A pseudo-class CSS  :root representa o elemento root de uma árvore, representando 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 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 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!

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