Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Duvida na estrutura do codigo.

Pq colocar este "a", no caso é a tag âncora? O codigo n estava funcionando, ate ver no codigo de vcs que tem este 'a', e deu certo.

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

Outra coisita, pq o text-decoration fica na classe do 'li' e list-style-type fica na classe da 'ul' para funcionar, estava colocando tudo na classe do 'li', no caso .lista__link, e n pegava kk

.rodape__lista { display: flex; justify-content: center; ** list-style-type: none;** }

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

1 resposta
solução!

Olá João!

A tag âncora, representada pela letra "a", é utilizada para criar links em um documento HTML. Ela é usada em conjunto com o atributo "href", que indica o endereço para onde o link deve levar o usuário.

No seu exemplo, a classe ".lista__link a" está sendo usada para estilizar os links dentro de uma lista. Se você não incluir a tag "a" na sua seleção, o estilo não será aplicado aos links e eles não terão a aparência desejada.

Quanto à sua segunda pergunta, o "text-decoration" é um estilo que afeta o texto em si, enquanto o "list-style-type" afeta a lista em si. Por isso, é necessário aplicar o "text-decoration" na classe do link em si, que é representado pela tag "a". Já o "list-style-type" é aplicado na classe da lista, que é representada pela tag "ul".

Espero ter ajudado e bons estudos!