Comment faire un objet parent dans le menu CSS rester dans l'état stationnaire lorsque les enfants sont survolés

Question

J'essaie de faire un menu de travail afin que le menu reste dans l'état stationnaire quand son sous-menu/menu enfant est sélectionné:

voir l'exemple ici: http://cssdesk.com/5vJP6

Si quelqu'un pouvait expliquer ce qui doit être ajouté au CSS pour faire ce travail ce serait génial. Je ne veux pas utiliser de javascript externe pour que cela se produise!

J'ai eu un coup d'œil à quelques questions similaires ici, mais aucun de leurs réponses a fonctionné pour moi

grâce

Answer 1

J'ajouté ceci:

#menuh ul li:hover a {color: black !important; border-bottom: 1px dashed #C1D9F0 !important; } 
#menuh ul li:hover li a {color: #505050 !important;} 
#menuh ul li:hover li a:hover {color: #297BB6 !important; } 

qui a résolu mon problème :-)

Answer 2

Définir le :hover sur l'élément li à la place du lien, par exemple:

#menuh li:hover A 
{ 
} 

(Dito pour tous les a:hover s)

Cependant, cela ne fonctionnera pas dans IE6. Vous aurez besoin d'avoir une solution JavaScript ici.

Answer 3

C'était super utile! Voici ce que je fini par utiliser pour vous assurer que l'arrière-plan et la couleur de police de ma principale navigation ne sont pas prioritaires sur le sous nav

#nav ul li:hover a {background-color: #353535; color: #A98C0C;} 
#nav ul li:hover li a {background:none; color: #aaa; } 
#nav ul li:hover li a:hover {background:none; color: #fff; }