Gostei muito do conceito de aninhamento. Como faço para aninhar o seguinte código:
div {
background: red;
}
div > a {
background: blue;
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Gostei muito do conceito de aninhamento. Como faço para aninhar o seguinte código:
div {
background: red;
}
div > a {
background: blue;
}
Oi Kiliano, tudo certo?
É bem bacana mesmo, só toma cuidado pra não ficar com um seletor gigante no CSS gerado, beleza?
Para aninhar esse código ficaria desta forma, usando o "&" para referenciarmos ao pai:
div {
background: red;
& > a {
background: blue;
}
}Você pode brincar com isso aqui no SassMeister.
Espero que esteja curtindo o curso,
Abcs!