Seletor :root – CSS3

0

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 .

css3

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!

 

Compartilhe.

Sobre o autor

Criador do blog Código Simples e com mais 9 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist. Atuando em funções analista, desenvolvedor, arquiteto, líder técnico e gestor de equipes. Mais informações em : http://jhonathansoares.com