Por que foi necessario colocar o a antes das chaves?
.lista__link a{ text-decoration: none; color: var(--branco-principal); margin-left: 1em; }
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!
Solucionado
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.