Twitter Bootstrap導航下拉菜單

Question

我一直在嘗試向我的網站添加三層導航系統。您可以在此處查看測試：http://see-gigs.com/

我得到的問題是第二層工作良好，您將鼠標懸停在該項目上並顯示下拉菜單。但是，當第二層包含第三層時，在懸停前可以立即看到這些物品。任何想法/建議，爲什麼這不能正常工作？

Answer 1

您用於匹配下拉列表的選擇器也與您的第二級下拉菜單相匹配，所以當您懸停菜單項時，兩個下拉菜單都會打開。爲了解決這個問題，只需使用child selector只匹配一級下拉菜單中，像這樣：

變化

ul#main-nav li.dropdown:hover ul.dropdown-menu { 
    display: block; 
} 

要

ul#main-nav li.dropdown:hover > ul.dropdown-menu { 
    display: block; 
}