CSS悬停和背景颜色

Question

比我聪明的人！

this wordpress website在导航菜单（校园，国家，世界......）上，我一直在绞尽脑汁一段时间，我正在尝试做一些自定义css，当你将鼠标悬停在你身上时将鼠标移到菜单项上，它们会改变颜色。现在他们只变黑了，除了校园菜单项，它改变了我想要的片刻然后变成黑色。

我的尝试是在样式表中尝试这个简短的CSS，但它没有用。我怀疑我可能需要调整上层嵌套类。

.menu-item-28 a:hover{
      background:#1f61c4;
}

这可能是一个简单的问题，但我的css-fu非常糟糕。非常感谢任何帮助帮助！

Answer 1

尝试将选择器更改为

#menu-main-navigation li a:hover{
      background-color:#1f61c4;
}

这将定位您主导航中的任何锚点（a）（而不是.menu-item-28下找到的那个 - 即校园）

Answer 2

代码中有这个CSS规则

#nav nav > ul > li > a:hover {
    background: #222222;
    border-color: #222222;
    color: #fff;
}

导致黑色背景悬停。我想你可能无法改变这一点。但是如果你在代码中“稍后”（=低于它）的某个地方放置了另一个规则，你可以使用自己的背景颜色覆盖它：

#nav nav > ul > li > a:hover {
    background: #1f61c4;
}