Supprimer TOUT le style / formatage des hyperliens

Je crée un menu de navigation avec des mots de différentes couleurs (liens href ). Je voudrais que la couleur ne change sur aucun état (en vol stationnaire, visité, etc.).

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

Aucune suggestion?

Vous pouvez simplement définir un style pour les liens, ce 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 utiliser les atsortingbuts 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 Par exemple:

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

Dans ce cas, le .nav a serait TOUJOURS vert, le hover ne lui serait pas applicable.

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

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

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

Vous pouvez simplement utiliser a sélecteur dans votre feuille de style pour définir tous les états d’une ancre / hyperlien. Par exemple:

 a { color: blue; } 

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

si vous a.redLink{color:red;} alors pour le conserver en a.redLink:hover{color:red;} et que vous ajoutez a.redLink:hover{color:red;} Cela garantira qu’aucun autre état de a.redLink{color:red;} ne changera la couleur de vos liens