显示下拉菜单只有在主动导航链接

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; 
} 

这是一个例子当然，你必须调整它以适应你的情况。