Css ：onhover伪类未按预期工作

我有一段我写的代码，我把它放在缩小CSS的一部分上面：

.scroll-fixed-navbar {
  background-color: black !important;
}

.banner-list li i {
  color: #f86900 !important;
}

.btn-primary {
  background-color: #f86900 !important;
}

#nav li a {
  color: #f1861d !important;
}

#nav li:hover {
  color: #a8a89b !important;
}

[Huge chuck of minified code containing Font Awesome and Twitter Bootstrap]    

在一台服务器上，这与预期的效果相同，并且链接项在悬停时变为灰色。但是，在另一台服务器上，不会触发悬停效果。我尝试在inspector中打开

li

元素，但即使在效果起作用的服务器上，CSS似乎也不会显示：

我在某处看到，

：hover

伪类应该只应用于

a

元素，但我查看了W3C wiki，这里没有提到这一点。我可以用这种方式将

：hover

应用于锚点的

li

父级，还是非法代码？引导和/或字体代码是否会覆盖CSS？或者问题可能是由其他原因引起的？

我认为：

#nav li a {
  color: #f1861d !important;
}

正在覆盖这一点：

#nav li:hover {
  color: #a8a89b !important;
}

为什么要在

li

上设置

：悬停

？尝试将

li:hover

后的

a

元素作为目标：

 #nav li:hover a {
  color: inherit !important;
}

---

当然，这只有在

a

是

li

的唯一子级时才起作用。如果不是，则还需要设置其他元素的颜色。可以在li上设置颜色，然后使用颜色：继承；对所有的孩子，好的。测试需要一段时间，因为我必须将文件与其他更改一起发送给其他人，以便他们上传到生产服务器上。我想我改成了

li:hover

，因为当时出于某种原因

li a:hover

在我的测试服务器上根本不工作，我想看看

li:hover

是否会工作，尽管我记得这不是解决办法。无论如何，这似乎是一个合理的解释。一旦测试成功，我将接受您的答案：）。我永远无法确定这是否是问题所在，因为我没有直接访问生产服务器进行测试，但它似乎确实存在，因此我接受了答案。