Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Retirando estilos pré-definidos

Estou trabalhando em um projeto no qual utilizo rotas conforme aprendido neste curso. Criei um menu de navegação básico com três links que direciona para cada uma das rotas que criei. No entanto, os links aparecem sublinhados e com estilo do tipo "site já visitado". Normalmente utilizo "text-decoration: none;" para retirar estes estilos. Contudo, ao referenciar a tag "router-link" no CSS e aplicar tal propriedade e valor, o sublinhado não desaparece. Para que desaparecesse, tive que aplicar esta propriedade no próprio template, o que não é indicado, mas funcionou. Quanto ao estilo "site visitado", não consegui retirar de modo algum. Agradeço se alguém puder me ajudar.

2 respostas
solução!

Olá, Guilherme! Tudo bem?

Geralmente quando trabalhamos com frameworks, é importante ter em mente que eles nos oferecem abstrações que por de baixo do pano são feitas com muito código, mas nunca algo que nós também não usamos.

O router-link segue esse caso. Se você abrir sua aplicação e inspecionar os elementos, verá que não há uma tag router-link, mas uma <a>. Então fica fácil de você modificar, altere o estilo de a, de preferência em um componente global (como o App).

Então:

.a {
  text-decoration: none;
}

Já deve melhorar o estilo dos seus links! Qualquer coisa é só avisar!

Obrigado pela atenção Leonardo. Consegui resolver o problema com a sua ajuda!