Remova TODOS os estilos / formatações dos hiperlinks

Estou criando um menu de navegação com palavras com cores diferentes ( hreflinks). Eu gostaria que a cor NÃO mudasse em nenhum estado (passe o mouse, visitei etc.).

Eu sei como definir as cores para os diferentes estados, mas gostaria de saber o código para deixar a cor do texto (e qualquer outro estilo / formatação) como está.

Alguma sugestão?

Você pode simplesmente definir um estilo para os links, que substituiriam a:hover, a:visitedetc .:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

Você também pode usar o inheritvalor se desejar usar atributos de estilos pai:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

Como Chris disse antes de mim, apenas um adeve substituir. Por exemplo:

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

Nesse caso .nav a, SEMPRE seria verde, o: hover não se aplicaria a ele.

Se houver alguma outra regra afetando, você PODE usar !important, mas não deve. É um mau hábito cair.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

Então sempre será verde, irrelevante para qualquer outra regra.

Você pode apenas usar um aseletor na sua folha de estilo para definir todos os estados de uma âncora / hiperlink. Por exemplo:

a {
    color: blue;
}

Substituiria todos os estilos de link e tornaria todos os estados com a cor azul.

se você declarar a.redLink{color:red;}, mantenha-o em foco e adicione-o a.redLink:hover{color:red;} Isso garantirá que nenhum outro estado de foco mude a cor dos seus links