Twitter Bootstrap导航栏悬停活动，带有下拉菜单

Question

我确定我的标题不是最容易理解的。我会尝试解释我想要做的事情。

如果您转到此网址（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;
}

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

挂钩包含下拉列表li的{​​{1}}的悬停状态。在ul被悬停li时定位锚元素。现在，只要下拉的父级li:hover a悬停，li也会在a悬停时设置样式。