1
resposta

[Dúvida] Estilização da tag <a>

Bom dia, fiquei com dúvida referente a estilização da tag âncora, pois na primeira parte do código a estilização aconteceu normalmente:

.container__botao {
    background-color: var(--cor-botao);
    border-radius: 5px;
    padding: 1em; /*Dentro do conteúdo, deixa o botão mais espesso*/
    color: var(--branco-texto);
    text-decoration: none;
    display: block;
    margin-bottom: 1em; /*propriedade relacionada a margem inferior*

porém quando eu fui fazer a estilização sozinha do footer foi necessário usar o a após a classe e antes da chaves, porque sem ele o text-decoration não funcionou

.lista__links **a**{
    text-decoration: none;
    color: var(--branco-texto);
    font-size: 16px;
    margin-bottom: 1em;
}
1 resposta

também fiquei com a mesma duvida e nem sei direito como pesquisar, essa outra pessoa respondeu e pelo que eu entendi tem que usar assim só pq a classe ta dentro da

  • , fiz uns testes e se vc colocar a classe dentro do ela tem o mesmo efeito, não sei direito pq mas funcionou aqui

https://cursos.alura.com.br/forum/topico-duvida-porque-tem-que-colocar-o-a-no-lista__link-333601