English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:root este pseudo-classe CSS combina com o elemento raiz da árvore de documentos. Para o HTML, :root representa o elemento <html>, além de ter maior prioridade, é idêntico ao seletor html.
Completo manual de referência de seletores CSS
Defina a cor de fundo do documento HTML:
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Manual básico(oldtoolbag.com)</title> <style> :root { background:green; color:#fff; } </style> </head> <body> <p>Primeiro parágrafo.</p> <p>Segundo parágrafo.</p> <p>Terceiro parágrafo.</p> </body> </html>Teste e veja ‹/›
:root
O seletor :root combina com o elemento raiz do documento.
No HTML, o elemento raiz é sempre o elemento HTML.Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.
Seletor | |||||
---|---|---|---|---|---|
:root | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |