Twitter Bootstrap 导航栏悬停在下拉菜单中处于活动状态

Question

我确信我的标题不是最容易理解的。我会试着解释我想要做什么。

如果您转到此 URL (http://buffalo.demo.libguides.com) 并将鼠标悬停在全局导航（查找图书馆资料、我的帐户、获取帮助等）上，您会看到悬停是蓝色的。但是，当您滚动下拉菜单时，它会变回灰色。我希望它在悬停在下拉菜单上时保持蓝色。

我使用旧版本的 Bootstrap 进行了这项工作，但我在使用这个时遇到了问题。任何帮助，将不胜感激。

这是一个可以使用旧版本的 URL。 http://library.buffalo.edu

Answer 1

试试：

.content-block .navbar-nav > li:hover a {
    color: #fff;
    background-color: #062198;
}

现在.content-block .navbar-nav > li > a:hover style-gudes.css 的第 1466 行正在控制导航项的背景颜色。由于您在锚元素上使用了悬停状态，该元素不会包裹形成下拉列表的嵌套ul，因此一旦光标离开该元素，它将不会保持蓝色并恢复为默认颜色。

挂钩到包裹下拉列表ul 的li 的悬停状态。当li 悬停时定位锚元素li:hover a。现在，每当下拉列表的父级 li 悬停时，a 也将在 li 悬停时设置样式。