CSS-a:visited: hover?
Comment puis-je appliquer une police color seulement aux hyperliens qui ont déjà été visited et sont hover par la souris?
Essentiellement, ce que je veux faire est de
a:visited:hover {color: red}
4 réponses
Oui, c'est possible.
Voici un exemple:
<style type="text/css">
a:link:hover {background-color:red}
a:visited:hover {background-color:blue}
</style>
<a href="http://www.google.com/">foo</a><a href="http://invalid/">bar</a>
il y a une séquence entre les CSS de lien pour prendre effet.. a:hover doit venir après a:link et a:visited et a:active doit venir après un:hover pour plus de précisions, consulter le lien ci-dessous..
Il y a un ordre de déclaration css pour que cela fonctionne correctement comme cela a été mentionné précédemment, bien que cela ne couvre pas cette option particulière, cela fait une différence. J'ai testé ça sur Chrome.
l'ordre est
a:link { color: red; }
a:visited { color: blue; }
a:visited:hover { color: yellow; }
a:hover { color: green; }
a:active { color: gray; }
Il va travailler si c'est avant ou après un:hover, tant que le a:hover et:visited:hover sont après a:visited et avant de a:active. Je préfère juste de garder les deux liens visités ensemble et les deux plane ensemble.
FWIW, je suis incapable de style colora:visited:hover (Chrome / FF) sans déclarer un arrière-plan pour :link:hover (rien d'autre que none ou inherit semble fonctionner, j'ai utilisé rgba() pour l'alpha du saké).
Pour que cela fonctionne dans Chrome/FF:
a:visited:hover {
color: #f00;
}
... (quelque chose comme) cette fonction doit être présente:
a:link:hover {
background-color: rgba(255, 255, 255, 0);
}