Pseudo-clase :root de CSS

Definición y uso

CSS :root Los pseudo-clases se utilizan para coincidir con el elemento raíz del documento.

En HTML, el elemento raíz siempre es <elemento html>.

Ejemplo

Establecer el color de fondo y el relleno interno del elemento raíz del documento:

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

Prueba por ti mismo

Sintaxis CSS

:root {
  declaraciones css;
}

Detalles técnicos

Versión: CSS3

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que primero admite este pseudo-clase.

Chrome Edge Firefox Safari Opera
1 12 1 1 9.6