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

时间:2015-10-30 13:17:09

标签: css html5 colors textcolor

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

}

我的结果: enter image description here

1 个答案:

答案 0 :(得分:0)

如下所述:如果您真的需要覆盖可以使用的颜色,其他样式会覆盖您的!重要。

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