問題與：懸停在下拉菜單

Question

我有一個下拉菜單有兩列，我希望塊內的鏈接是下拉菜單，當盤旋時改變顏色，但是當我添加樣式只有頂級ul元素工作並且整個塊都處於活動狀態。我一直在尋找這個東西太長，不知道我需要爲li添加a:hover。

任何想法，我需要放置它，以便主鏈接沒有懸停效果和下拉級別呢？

Full Screen

jsFiffle

Answer 1

這將使其工作：

#top_nav li:hover > a { ... } 

因此，只有錨直接懸停LI元素中 「被激活」。當您懸停「項目」頂級菜單項時，其錨會改變顏色，但下拉菜單中的錨不會。當您將鼠標懸停在該下拉菜單中時，它將改變顏色，因爲其包含LI元素的已被徘徊。