:root

Ir para:
  1. Sumario
  2. Sintaxe
  3. Exemplo
  4. Especificações
  5. Compatibilidade dos Navegadores

Tradução em progresso.

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

Etiquetas do documento e colaboradores

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