Por que foi necessario colocar o a antes das chaves?
.lista__link a{ text-decoration: none; color: var(--branco-principal); margin-left: 1em; }
Por que foi necessario colocar o a antes das chaves?
.lista__link a{ text-decoration: none; color: var(--branco-principal); margin-left: 1em; }
Olá, Karla!
Quando fazemos isso em nossos códigos, estamos pedindo para o CSS "filtrar", em que ele vai aplicar o conteúdo, deste modo ele está selecionando todos os elementos do tipo "a" (links) que estão dentro de qualquer elemento com a classe "lista__link", mas poderia ser o "h1, h2 ..." dentre outras tags.
Se você remover o "a" antes das chaves, as regras serão aplicadas para todos os elementos que tem a classe "lista__link" inclusive para o <li>
, e não para os links que estão dentro dele, deste modo todas as tags que estão sobre a class .lista__link
vão mudar de cor, ou receber as propriedades passadas.
Isso é muito utilizado para filtrar em class que tem muitas propriedades, economizando a criação de muitas class no seu código.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Olá Karla e Victor tudo bem? Espero que sim!
Estava com a mesma dúvida, obrigado pela ajuda.
Até mais e bons estudos.