Twitter bootstrap 无法更改引导CSS导航栏颜色

我正在使用引导CSS导航栏，无法更改导航栏内文本的颜色。这是我的html代码：

    <nav class="navbar navbar-default navbar-fixed-top" ng-controller="NavCtrl">
       <ul class = "nav navbar-nav">
         <li><a class = "nav_color"><span class="glyphicon glyphicon-user"></span> UserName </a></li>

         <li><a class = "nav_color"><span class="glyphicon glyphicon-book"></span> Book </a></li>

         <li><a class = "nav_color"><span class="glyphicon glyphicon-pencil"></span> Pencil </a></li>
       </ul>
    </nav>

---

我不明白为什么这不起作用

AXC，您好

试着用这个

.nav.navbar-nav li a {
    color: red;
} 

---

您可以使用！重要信息

.nav-color {
    color: red !important;
}

现在的情况是CSS在应用样式方面有特定的先例。其中一个因素是特异性计算。更具体的规则（如引导定义的规则）比其他更通用的规则（如类）具有更高的优先级。如果您使用！重要信息您可以覆盖该规则的优先级

---

有关更多信息，请查看。

谢谢。这真的很有趣！如何结束一个问题？看起来你刚刚结束了。

.nav-color {
    color: red !important;
}