當孩子們盤旋在一起時，如何使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 Dito a:hover s）

但是這在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;   }