effet visited hover css

Question

Bonjour,
voila j'ai fais une liste a puce  pour des lien:
la liste a puce consiste quand on va sur les liens une petite flèche glisse sur le coté.

.contenu_menu li:hover 
{
	list-style-image: url("image/puce.GIF");
}

mais je voudais que quand le lien a été visité et que l'on repasse dessus que
a la place d'un flechhe un autre image se mette( donc visited hover)
mais je ne vois pas comme l'écrire???

merci d'avance

Groarh · Answer

.content_menu li:visited:hovertout simplement...

mariox · Answer

sa ne marche pas 

}
.contenu_menu li:visited:hover 
{
	list-style-image: url("image/puce2.GIF");
}
.contenu_menu li:hover 
{
	list-style-image: url("image/puce.GIF");
}

Groarh · Answer

Ah oui j'aurais du regarder : t'es sous IE, forcément...
Alors plutôt :.content_menu li a:visited:hoverpuisque IE ne digère les pseudo classes que si elles sont sur les liens.
Problème, ça fout bien le bordel puisque tu ne peux plus utiliser les propriétés list-style...
Voilà ce que je propose. Retire carrément tout list-style de ta liste :.content-menu { list-style:none }et ajoute des pseudo-éléments sur les pseudo-classes des tes liens (hem, tu suis toujours ? ^^)
.contenu_menu li a:visited:hover:before {
  content: url("image/puce2.GIF") " ";
}
.contenu_menu li a:hover:before {
  content: url("image/puce.GIF") " ";
}Et jette un oeil là-dessus pour savoir comment marche la propriété content.
Tiens-moi au courant ;)

Effet visited hover css

3 réponses

Discussions similaires

Newsletters