CSS悬停和背景色

比我聪明的人

我绞尽脑汁想了一会儿导航菜单上的css（校园、国家、世界……），我试图做一些自定义css，当你将鼠标悬停在菜单项上时，它们会改变颜色。现在它们只会变成黑色，除了校园菜单项，它会暂时变成我想要的，然后变成黑色

我的尝试是在样式表中尝试这个简短的css，但没有成功。我怀疑我可能必须调整上层嵌套类

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

---

这可能是一个简单的问题，但我的css fu相当糟糕。非常感谢您的帮助

尝试将选择器更改为

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

---

这将针对主导航中的任何锚点（

a

）（而不是仅在

.menu-item-28

-ie.campus下找到的锚点）

代码中有此CSS规则

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

这将导致悬停时出现黑色背景。我想你可能无法改变这一点。但是，如果您在代码中“稍后”（=在其下方）的某个位置放置另一条规则，则可以使用您自己的背景色覆盖它：

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

---

请在你的问题中加入一个答案。链接在任何给定时间都不可用，使得问题不完整，因此无法回答使用

背景色：#1f61c4。背景速记在非主流浏览器/设置上通常不起作用problem@WashingtonGuedes这只显示计算出的css（正确地显示它没有应用颜色），但它不能说明为什么没有应用颜色