Supprimer TOUS les styles/formatages des liens hypertexte

Question

Je crée un menu de navigation avec des mots de différentes couleurs ( href ). Je voudrais que la couleur ne change sur 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 la couleur du texte (et tout autre style/formatage) telle quelle.

Aucune suggestion?

Answer 1

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

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

Vous pouvez également utiliser la valeur inherit si vous souhaitez plutôt utiliser les attributs des styles parents :

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

Answer 2

Comme Chris l'a dit avant moi, juste un a devrait remplacer. Par example:

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

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

S'il existe une autre règle qui l'affecte, vous POUVEZ utiliser !important , mais vous ne devriez pas. C'est une mauvaise habitude à prendre.

 .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.

Answer 3

Vous pouvez simplement utiliser un a dans votre feuille de style pour définir tous les états d'une ancre/hyperlien. Par example:

 a {
    color: blue;
}

Remplacerait tous les styles de lien et donnerait à tous les états la couleur bleue.

Answer 4

si vous indiquez a.redLink{color:red;} gardez cela en survol et ajoutez donc a.redLink:hover{color:red;} Cela garantira qu'aucun autre état de survol ne changera la couleur de vos liens