mettre un: lien visité au même état que: lien et a: hover

Question

Je travaille sur une idée où mon lien a: un état (bleu, pas de soulignement etc) avec un a: hover étant blanc. Je veux que mes liens visités aient le même état que a:link et a:hover. Est-ce possible? pris en charge dans la plupart des navigateurs courants?

Answer 1

Voici comment vous pouvez personnaliser les étiquettes a (normales et visitées) et personnaliser le pointeur.

a 
{ 
    color:#6c7492; 
    font-weight:bold; 
    text-decoration:none; 
} 
a:hover 
{ 
    border-bottom:1px solid #6c7492; 
} 

Answer 2

Si vous avez utilisé ces pseudo-classes, je ne vois pas pourquoi.

a:visited, a:hover { 
    ... 
} 

Answer 3

a, a:link, a:hover, a:visited, a:active {text-decoration: none; color: blue;} 

devrait fonctionner sur tous les navigateurs compatible CSS, bien que ce soit un bad idea (actuellement hors-ligne, Google Cache)

Pour faire a:hover blanc, soit le retirer de la règle ci-dessus et faire une spéciale règle pour cela ou ajouter juste:

a:hover {color: white !important;} 

Answer 4

C'est tout à fait possible comme le souligne sblundy. Cependant, si vous créez une règle comme celle-ci, il n'y aura plus de signal visuel que l'utilisateur planera sur un lien précédemment visité.

Aussi, rappelez-vous de préciser les règles dans cet ordre:

a:link { } 
a:visited { } 
a:hover { } 
a:active { } 

Sinon, vous pouvez avoir des résultats inattendus parce que toutes ces règles ont la même spécificité. La commande est importante.

EDIT: CSS2 permet le chaînage des pseudo-classes. Cela pourrait être utilisé pour résoudre le problème d'utilisabilité [potentielle] que votre demande crée.

a:visited:hover { } 

Cependant, je ne sais pas si cette convention est largement supportée.

Answer 5

Le mnémonique que j'ai appris pour se souvenir dans quel ordre mettre vos liens CSS est "LoVe HAte": lien, visité, hover, actif.

Collage: attention, il n'y a généralement pas de mauvaise idée.

Bien sûr, si vous faites en sorte que tous les états d'un lien soient identiques en listant les sélecteurs avec des virgules, l'ordre n'a pas d'importance.