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}
19
demandé sur Gumbo 2009-08-26 23:43:55

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>
20
répondu Gumbo 2009-08-26 19:49:42

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

http://www.w3schools.com/css/css_pseudo_classes.asp

1
répondu user3110896 2013-12-17 11:09:04

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.

1
répondu Harry The Mad Lurker 2014-02-24 02:34:43

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);
}
0
répondu Brandon Hill 2014-01-09 17:23:28