We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

Sumario

O :root CSS pseudo-class representa o elemento root de uma arvore, representando o documento. Applicado ao HTML, :root representa o elemento <html>  e é identico ao seletor html,exceto que sua especificidade é mais altaa.

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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: lucasaugustin
Última atualização por: lucasaugustin,