Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Por que foi necessario colocar o **a** antes das chaves?

Por que foi necessario colocar o a antes das chaves?

.lista__link a{ text-decoration: none; color: var(--branco-principal); margin-left: 1em; }

2 respostas
solução!

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!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Olá Karla e Victor tudo bem? Espero que sim!

Estava com a mesma dúvida, obrigado pela ajuda.

Até mais e bons estudos.