Quanto mais eu aprendo, mais eu vejo que preciso aprender. O Css3 me surpreende a cada dia mais!
Hoje vamos falar de um seletor novo, o chamado :root .
O seletor :root corresponde à raiz do elemento, ou seja, em HTML o qualquer atribuição ao seletor root estaria mudando atributos da tag <html>
Imagine a seguinte declaração:
:root { background:red; }
Assim você poderia trocar a cor de fundo da sua página HTML sem precisar declarar a tag HTML.
O seletor root não fica preso à tag HTML, ele altera os atributos da tag raiz, da tag acima das demais.
Um grande abraço!