Une puce de menu de couleurs différentes <li> ?

Bonjour,

Voilà je cherche à mettre l'un des 6 liens de mon menu d'une couleur differente des 5 autres l'autre du passage de la souris A:hover
Jusque là impossible (class/id rien ne fonctionnait)
Je suis tombée sur ce sujet http://forum.alsacreations.com/topic-4-60899-1-ltligt-de-couleurs-differentes-et-puces-rectangulaires.html
Qui m'a beaucoup aidé puisque je suis arrivée presque au résultat
avoir du noir sur mon lien au lieu du vert
SAUF que ça ne marche pas complètement
le lien que je voulais différent (le 6eme Awox Pro)
http://cluster015.ovh.net/~awoxmqqt/
donc un peu de noir, mais le vert derrière est toujours là

voici le code:

.menu li:hover{
		background-color:#c2db2f;
		}
.menu li:nth-child(6) a:hover {
color: #ffffff;
		background-color: #000000;
transition: all 0.1s ease-out 0s;
		}

Modifié par 6l20 (19 Dec 2013 - 19:09)

Bonsoir,

Il faut également modifier la couleur du 6ème li au survol, pas seulement le lien

.menu li:nth-child(6):hover, .menu li:nth-child(6) a:hover {
  color: #ffffff;
  background-color: #000000;
  transition: all 0.1s ease-out 0s;
}

Pas sûr que cela fonctionne sur tous les butineurs (notamment les anciens navigateurs), quelques erreurs à corriger dans le code

Ah c'est génial ça marche
Je suis passée à côté de ça lol Merci.

par contre maintenant, je sais que c'est du détail, mais quand tu retires survol tu distingues quand même les deux cases entourant AwoX Pro : lien et la case, c'est léger mais visuel tout de même.

J'ai trouvé la solution
En tout cas merci, car c'est bête mais j'y ai passé l'après-midi !