水平CSS菜單 - 設置活動標籤

Question

我使用一些CSS菜單是這樣的： http://www.sohtanaka.com/web-design/examples/horizontal-subnav/

唯一的區別是，他使用的只是簡單鏈接的subnav，我使用的是<ul class="subnav">爲每個topnav選項卡。

我創建了一個CSS類.active，並設置其屬性一樣#topnav li:hover

當它是積極的，我希望它看起來一樣，當它盤旋着，也subnav將是可見的，因爲這兩個:hover和.active上的topnav項目激活subnav的顯示屬性。

的問題是：當我已經與.active類標籤，我將鼠標懸停在其他選項卡，他們的孩子subnavs也會有顯示：塊 ..

我想一個解決方案，不完全依靠javascript來導航。但js只能用於顯示什麼是活動的，因爲它不是導航的關鍵..

Answer 1

聽起來像你的CSS規則只是需要拆分。因此，而不是

.active, #topnav li:hover { rules here } 

副本只有你想爲.active的屬性和分裂它：

#topnav li:hover { rules here } 
.active { subset of rules here }