Supprimer TOUT le style / formatage des hyperliens

Je crée un menu de navigation avec des mots de différentes couleurs ( hrefliens). Je voudrais que la couleur ne change dans aucun état (survol, visité, etc.).

Je sais comment définir les couleurs pour les différents états, mais j'aimerais connaître le code pour laisser simplement la couleur du texte (et tout autre style / formatage) tel quel.

Aucune suggestion?

Vous pouvez simplement définir un style pour les liens, qui remplacerait a:hover, a:visitedetc.:

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

Vous pouvez également utiliser la inheritvaleur si vous souhaitez utiliser les attributs des styles parents à la place:

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

Comme Chris l'a dit avant moi, juste un adevrait être remplacé. Par exemple:

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

Dans ce cas, le .nav aserait TOUJOURS vert, le: hover ne s'y appliquerait pas.

S'il y a une autre règle qui l'affecte, vous POUVEZ utiliser !important, mais vous ne devriez pas. C'est une mauvaise habitude de tomber.

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

Ensuite, ce sera toujours vert, sans rapport avec aucune autre règle.

Vous pouvez simplement utiliser un asélecteur dans votre feuille de style pour définir tous les états d'une ancre / lien hypertexte. Par exemple:

a {
    color: blue;
}

Remplacerait tous les styles de lien et rendrait tous les états de couleur bleue.

si vous indiquez a.redLink{color:red;}alors de garder cela en survol et d'ajouter a.redLink:hover{color:red;} cela, cela garantira qu'aucun autre état de survol ne changera la couleur de vos liens