仅在Active Nav Link上显示下拉菜单

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

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