Как заставить родительский объект в меню CSS оставаться в состоянии наведения при наведении на детей

Question

Я пытаюсь заставить меню работать так, чтобы меню оставалось в состоянии наведения при выборе его подменю / дочернего меню:

см. Пример здесь: http://cssdesk.com/5vJP6

Если кто-либомог бы объяснить, что нужно добавить в CSS, чтобы эта работа была великолепной.Я не хочу использовать какой-либо внешний javascript, чтобы это произошло!

Я посмотрел здесь пару похожих вопросов, но ни один из их ответов не помог мне

спасибо

Answer 1

Я добавил это:

#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;  } 

Что решило мою проблему: -)

Answer 2

Определите :hover для элемента li вместо ссылки, например:

#menuh li:hover A
{
}

(Дито для всех a:hover с)

Однако это не будет работать в IE6. Там вам понадобится решение JavaScript.

Answer 3

Это было супер полезно! Вот что я в итоге использовал, чтобы убедиться, что фон и цвет шрифта моей основной навигации не переопределяют вспомогательную навигацию

#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;   }