Css 引导导航焦点和悬停赢得'；不变

我正在查看devtools，它显示了以下代码：

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

问题是，我在我的css文件中更改了这些，它不会让我摆脱灰色的背景色。我怎样才能覆盖它？ 提前谢谢

编辑：最终是ui路由器问题，而不是css问题。对不起各位，谢谢你们的故障排除。更改：

<li ng-class="{active: stateis('app.contact')}"  ui-sref-active="active">
    <a ui-sref="app.contact"><i class="fa fa-phone"></i> Contact</a>
</li>

接触

为此：

<li ui-sref-active="active">
    <a ui-sref="app.contact"><i class="fa fa-phone"></i> Contact</a>
</li>

接触

并且是固定的

在导航类之后删除“>”。请试试这个：

.nav li>a:focus, .nav li>a:hover {
   text-decoration: none;
   background-color: red;
}

---

签出

您可以添加更多详细信息吗。这些CSS规则在哪里指定？在你的代码中，或者你导入了一些第三方库。我添加了引导。在devtools中，背景色的线条似乎被划掉了：#eee，但当我单击按钮并将鼠标光标移出按钮时，它就会显示出来。我希望它保持纯蓝色。因此，我在css中添加了与上面相同的代码并更改了颜色。今晚我将尝试一下。谢谢，没有解决问题。当我推出.nav按钮时，仍然得到了eee背景。我发现了这个问题，它最终不是css问题，而是ui路由器问题。