Solucionado
Estou desenvolvendo o projeto tanto no Google Chrome quanto no Firefox e acabei de terminar o header. No Chrome está ok, porém no Firefox os itens da lista estão aparecendo sublinhados (até porque são âncoras). Já tentei utilizar text-decoration na respectiva classe e não funcionou. Creio ser uma diferença de preset de navegadores. Alguém poderia me ajudar a resolver?
Olá, Victor! Tudo bem?
Isso realmente pode ocorrer devido à forma como diferentes navegadores lidam com os estilos padrão.
A propriedade text-decoration deve funcionar para remover a linha de sublinhado dos links. No entanto, se não estiver funcionando, você pode tentar algumas coisas:
1 - Certifique-se de que está aplicando o estilo à tag correta. Se os itens da lista são links (tag <a>), você deve aplicar o estilo a essa tag. Por exemplo:
a {
text-decoration: none;
}
2 - Verifique se não há outro estilo sobrescrevendo o seu. Às vezes, pode haver outro CSS que está sobrescrevendo o seu. Para isso, você pode usar a ferramenta de inspeção do navegador para ver quais estilos estão sendo aplicados ao elemento.
3 - Use o !important para forçar o navegador a usar o estilo. Isso deve ser usado como último recurso, pois pode tornar o código mais difícil de manter. Assim:
a {
text-decoration: none !important;
}
4 - Outra possibilidade é que o Firefox esteja aplicando um estilo padrão que não é afetado pela propriedade text-decoration. Nesse caso, você pode tentar redefinir todos os estilos padrão do navegador usando um reset CSS.
Espero ter ajudado e bons estudos!