如何更改導航欄的文本顏色

-1

我希望Data，Graph，Map，Table文本的顏色爲藍色。以下是我的代碼。我是新來的HTML和CSS如何更改導航欄的文本顏色

<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
<div> 
    <ul class="nav navbar-nav"> 
    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Data<span class="caret"></span></a> 
     <ul class="dropdown-menu" id="csv"> 
      <li><a href="#">cartodb_test1</a></li> 
      <li><a href="#">test</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Graph</a></li> 
    <li><a href="#">Map</a></li> 
    <li><a href="#" id="drop">Table</a></li> 
    </ul> 
</div>

下面是我的CSS部分

.nav.navbar-nav li a { 
color: blue;

}

我的結果：

來源

2015-10-30 harinish

**現有的非Bootstrap CSS在哪裏？你有什麼嘗試？**預計你至少試圖爲自己編碼。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究，無論是通過谷歌或通過搜索，做一個嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

添加了css部分。 – harinish

哪些工作正常 - http://codepen.io/Paulie-D/pen/MaXoKr –

如下討論：其它風格重寫喲如果你真的需要覆蓋你可以使用的顏色！很重要。

.navbar-nav a{ 
    color: dodgerblue !important; 
} 
.dropdown-menu a{ 
    color: grey !important; 
}

來源

2015-10-30 13:21:48 LukeD1uk

我無法改變它。我的快照已附加。 – harinish

@harinish你使用引導？因爲如果你是你需要更具體的覆蓋引導樣式。或使用！重要規則。我上面編輯了我的代碼。 – LukeD1uk

我只能將下拉菜單中列出的項目顯示爲藍色:-( – harinish

如何更改導航欄的文本顏色

回答

相關問題