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

Question

我正在寻找devtools，它揭示了以下代码：

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

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

编辑：结束是一个ui-router问题，而不是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

删除＆＃34;＆gt;＆＃34;导航课后。请试试这个：

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

查看working fiddle