Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

La  pseudo-clase de CSS :root selecciona el elemento raíz de un documento. Aplicado a HTML, :root representa el elemento <html> y es idéntico al selector html, excepto que su nivel de especificidad es mayor

/* Selecciona el elemento raíz del documento */
/* <html> en el caso de HTML */
:root {
  background: yellow;
}

Sintaxis

:root

Example

:root puede ser útil para declarar variables CSS globales:

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

Especificaciones

Especificación Estatus Comentario
Selectors Level 4
La definición de ':root' en esta especificación.
Working Draft Sin cambio
Selectors Level 3
La definición de ':root' en esta especificación.
Recommendation Definición inicial

Compatibilidad entre navegadores

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!

Funcionalidad Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 1 1.0 (1.7 o anterior) 9 9.5 1.0
Funcionalidad Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico ? ? ? ? ?

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: JavierPeris, Xaviju
 Última actualización por: JavierPeris,