A lista de link do footer não aceita o text-decoration

Oi, Takashi! Tudo bem?

Para funcionar o text-decoration: none você precisa aplicar diretamente na ancora, ou seja, o elemento <a>. Uma ideia pode ser colocar o seletor como .lista__link a, assim ele vai até o elemento com classe lista__link e entra nos elementos <a> dentro dele.

Bons estudos!

Obrigado pela rápida resposta professora! Voltei aqui justamente pra comentar que eu fiz basicamente o que vc falou, mas sem aplicar a ancoragem.

Se não estou enganado, não era para o elemento filho herdar as instruções do elemento pai que está com a class?

Oi, novamente! Esse eu demorei pq tive que pesquisar também kkkk

Esse é um caso bem específico e curioso: Caso você aplique uma decoração de texto no <li> ele irá afetar os itens dentro dele, mas você não consegue remover as decorações que já são dos elementos.

Exemplo prático

Vou simular esse caso da aula mas com um <p> no lugar da ancora (<a>). O html ficaria assim:

<ul>
  <li>
    <p>Testando decorações</p>
  </li>
</ul>

Caso eu coloque uma decoração de texto específica pra esse <p>, eu não conseguirei remove-la com o pai dela, o <li>.

p {
  text-decoration: underline;
}

li {
  text-decoration: none;
}

Já se eu não definir nada pra esse elemento de dentro, no caso o <p>, eu posso colocar essa linha diretamente através do li.

li {
 text-decoration: underline;
}

Conclusão

Fazendo esses testes, pude concluir que o elemento pai não consegue alterar a propriedade de um filho que já foi definida anteriormente. Por padrão o <a> já vem com text-decoration: underline, portanto não foi possível sobreescrever pelo pai.

Pra entender melhor é possível testar em outros casos também. Eu fiz esse aqui, colocando um parágrafo dentro de uma div:

<div>
  <p>Testeeee</p>
</div>

E defini a cor da fonte do <p> como vermelha, e a cor da fonte da div como azul.

p {
 color: red;
}

div {
  color: blue;
}

Mesmo que o pai defina que a cor da fonte é azul, como já foi definido que a cor do filho (o p) é vermelha, o vermelho que se manteve. Mas se eu botasse uma outra tag como filha, como um <h1>, ele seria azul, por não ter nenhuma declaração de cor pro h1.

Espero que eu tenha ajudado a esclarecer melhor o que acontece com essa parte. Qualquer coisa pode me perguntar e bons estudos!

Achei ótima a explicação. Já empaquei algumas vezes por causa disso e tive que resolver com gambiarras, mas entender essa questão da herança, já esclarece muito e agiliza nossa vida.

Novamente, muito obrigado!!