无法更改Bootstrap CSS导航栏颜色

Question

我正在使用引导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> 

这里是我的CSS代码：

.nav_color { 
     color: red; 
    } 

我不明白为什么这不工作

Answer 1

AXC，您好。

试着这样做。

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

Answer 2

您可以使用！重要。

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

正在发生的事情是，CSS有特定优先级可将样式。其中一个因素是特异性计算。更具体的规则（比如Bootstrap定义的规则）比其他更通用的规则（比如你的类）具有更高的优先级。如果您使用！重要您可以覆盖该规则的优先顺序。

欲了解更多信息，请检查this article。