RODAPÉ

O problema que você está enfrentando pode estar relacionado a especificidade.

Quando você aplica diretamente o estilo a uma tag no seu CSS, pode estar funcionando porque essa regra pode ter maior especificidade do que as regras aplicadas através de uma classe.

Por exemplo, considere o seguinte cenário:

Estilo direto para a tag

a {
  text-decoration: none;
  color: blue;
}

Neste caso, todas as âncoras no seu documento teriam o estilo sem decoração de texto e cor azul.

Estilo através de classe:

.link {
  text-decoration: none;
  color: red;
}

Se você aplicar essa classe a uma tag

No entanto, se o estilo não estiver sendo aplicado quando você usa uma classe, pode ser devido à especificidade. Se outras regras CSS que afetam as âncoras estiverem definidas com maior especificidade, elas podem estar substituindo o estilo da classe que você está aplicando.