引导导航焦点和悬停不会改变

Question

我正在查看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>

并且是固定的

Answer 1

在导航类之后删除">"。请尝试以下操作：

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

查看工作小提琴