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

哈里尼什语

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

}

我的结果: 在此处输入图片说明

路加福音

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章