我目前有一段html，代表了我的导航栏的相关部分：
<nav class="navbar navbar-inverse" role="navigation">
<div class="container">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> About</a></li>
<li><a href="#"><span class="glyphicon glyphicon-earphone"></span> Contact</a></li>
<li><a href="#"><span class="glyphicon glyphicon-briefcase"></span> Portfolio</a></li>
<li><a href="#"><span class="glyphicon glyphicon-list-alt"></span> Résumé</a></li>
</ul>
</div>
</nav>
我有一块css，我希望用来更改导航栏的文本颜色：
.nav.navbar-nav.navbar-right {
color: blue;
}
唯一的问题是文本颜色保持不变。我还看到一个非常相似的问题没有解决。我敢打赌谁能解决这个问题也能解决另一个问题。
使其符合以下条件：
.nav.navbar-nav.navbar-right li a {
color: blue;
}
上面将针对特定的链接（这是您想要的），而不是将整个列表设置为蓝色（这是您最初所做的）。这是一个JsFiddle。
另一种方法是创建另一个类并像这样实现它：
的HTML
<li><a href="#" class="color-me"><span class="glyphicon glyphicon-list-alt"></span> Résumé</a></li>
的CSS
.color-me{
color:blue;
}
在此JsFiddle中也进行了演示
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句