無法更改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。