:root
La pseudo-clase :root
de CSS selecciona el elemento raíz de un árbol que representa el documento. En HTML, :root
representa el elemento <html>
y es idéntico al selector html
, excepto que su especificidad es mayor.
/* Selecciona el elemento raíz del documento:
<html> en el caso de HTML */
:root {
background: yellow;
}
Sintaxis
:root
Ejemplo
:root
puede ser útil para declarar variables CSS globales:
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Especificaciones
Especificación | Estado | Comentarios |
---|---|---|
Selectors Level 4 La definición de ':root' en esta especificación. |
Working Draft | Ningún cambio. |
Selectors Level 3 La definición de ':root' en esta especificación. |
Recommendation | Definición Inicial. |
Compatibilidad con navegadores
BCD tables only load in the browser