顯示下拉菜單隻有在主動導航鏈接

Question

我目前使用以下CSS使dropdown菜單時，懸停，而不是點擊鏈接：

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

它的偉大工程，但我想dropdown菜單僅在nav當前處於活動狀態的鏈接上出現（懸停或單擊）。原因是，當我將鼠標懸停在鏈接上時，dropdown顯示錨鏈接以跳轉到頁面上的特定部分。當您不在該頁面上時，我不希望其他頁面的錨鏈接顯示。

Answer 1

你必須添加active類的:hover選擇，假設該活動類的名字是.active，它被應用在li.dropdown，那麼你選擇應該是：

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

這是一個例子當然，你必須調整它以適應你的情況。