如何更改导航栏的文字颜色

Question

我希望数据、图表、地图、表格文本颜色为蓝色。 下面是我的代码。 我是 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;

}

我的结果：

Answer 1

如下所述：其他样式会覆盖您的样式，如果您确实需要覆盖颜色，您可以使用 !important。

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