El paso a paso o código que hallarás en este artículo es la solución más fácil y válida que encontramos a tus dudas o problema.
Solución:
Desde aquí: http://www.quirksmode.org/css/root.html
El pseudo-elemento :root selecciona la raíz de todos los bloques en la página, es decir. el bloque contenedor inicial. En HTML esto es obviamente el
elementoHoja de estilo de prueba:
:root
background-color: #6374AB;
padding: 50px;
Si el selector :root funciona, las columnas izquierda y derecha de la página son azules, y la columna central blanca está compensada por 50 píxeles.
no hay elemento llamó raíz en HTML. El elemento html en sí mismo es “el elemento raíz” (que es el término dado al elemento que es el ancestro de todos los demás elementos en el documento), pero esto sería igualado por html .
Sin embargo, vea el :root pseudo-clase (con dos puntos).
root es un marcador de posición para cualquier elemento en la plantilla de hoja de estilo de NetBeans IDE. Es como una variable ficticia en cálculo. Por favor, coloque el cursor en y: en el root display: block; elimine y: y escriba y. IDE aparece en la ventana de instrucciones que brinda información valiosa. Conducen a tal significado para la raíz como solo una variable ficticia. Los ejemplos son em display: inline; Además, la raíz es el punto donde comienzas, el ancestro más profundo del árbol html con ramas y hojas. Entonces, al principio, tiene un cuadro predeterminado y todas las ramas y hojas siguen ese valor predeterminado a menos que cambie su visualización predeterminada, cuando ocurren, a otros valores como, por ejemplo, en línea.
Si aceptas, tienes la libertad de dejar una crónica acerca de qué le añadirías a este enunciado.