1
resposta

Dúvida sobre aninhamento

Gostei muito do conceito de aninhamento. Como faço para aninhar o seguinte código:

div {
    background: red;
}

div > a {
    background: blue;
}
1 resposta

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!