Pseudo-classe :root CSS

Definição e uso

CSS :root Os pseudo-classes são usados para coincidir com o elemento raiz do documento.

No HTML, o elemento raiz é sempre <elemento html>.

Exemplo

Defina a cor de fundo e o espaçamento interno do elemento raiz do documento:

:root {
  background-color: red;
  padding: 30px;
}

Experimente você mesmo

Sintaxe CSS

:root {
  declarações css;
}

Detalhes técnicos

Versão: CSS3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-classe.

Chrome Edge Firefox Safari Opera
1 12 1 1 9.6