CSS - a:visited:hover?

Comment puis-je appliquer une police color seulement des liens hypertextes qui ont déjà été visited et sont hover par la souris?

Essentiellement, ce que je veux faire est

a:visited:hover {color: red}
  • Cela semble fonctionner dans FF, mais pas IE 6. Tout le travail autour pour IE 6?
InformationsquelleAutor | 2009-08-26
  1. 23

    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>
    • Est-il pris en charge dans tous les navigateurs. Ne semble pas fonctionner dans Firefox 3.5
    • A fonctionné pour moi sur FFox 3.5 et IE7, mais pas IE6.
    • Dirait qu'il travaille dans FF 3.5. Tout le travail autour pour IE 6?
    • Vous pouvez déposer IE6 si votre base d'utilisateurs aux états-unis. Même IE7 est utilisé par moins de 1% aux états-unis http://www.theie7countdown.com
    InformationsquelleAutor Gumbo
  2. 2

    il y a une séquence entre le lien css 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

    • Tandis que qui est de bon conseil en général, il n'est pas applicable à cette question. Il n'y a rien dans la question d'évoquer l'ordre (ou l'existence) d'autres pseudo appliqué à un les éléments et a:visited:hover est plus spécifique, puis l'un des sélecteurs de vous mentionner dans la réponse (et la question n'est pas la règle de ne pas l'appliquer dans IE6, pas à ce sujet primordial d'autres règles).
    • Cher Quentin, j'apprécie votre commentaire, mais la solution que je poste est le plus fréquent problème face par de nombreuses personnes, même j'ai aussi le même problème de séquençage après je corrige ça et je l'ai posté parce que d'autres personnes ne font pas face au même problème.
    • Alors que c'est un problème commun, il n'est pas le problème demande.
    InformationsquelleAutor user3110896
  3. 1

    Il y a une déclaration css pour que cela fonctionne correctement comme il a été mentionné plus tôt, même si elle ne couvre pas cette option, il y a une différence. J'ai testé 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; }

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

    InformationsquelleAutor Harry The Mad Lurker
  4. 0

    FWIW, je suis incapable de style juste color sur a:visited:hover (Chrome/FF) sans déclarer un arrière-plan pour :link:hover (autre chose que none ou inherit semble fonctionner, j'ai utilisé rgba() pour 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);
}
    InformationsquelleAutor Brandon Hill