我无法更改导航链接的颜色

Question

为了将导航链接的颜色更改为白色，我的css需要看起来是什么样的？

这是我的代码

      <div class="col-sm-12">
    <nav class="navbar navbar-inverse">
 <div class="container-fluid">
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>                        
  </button>
  <a class="navbar-brand" href="index.html">Tile Works</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li><a href="services.html">Services</a></li>
    <li><a href="gallery.html">Photo Gallery</a></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="contact.html">Contact Us</a></li>
  </ul>
</div>
</div>
</nav>
</div>

Answer 1

您可以使用如下的css代码：

.navbar-collapse .navbar-nav li a {
  color: white;
}

我尝试过它。

Answer 2

你可以试试这个

 .collapse navbar-collapse.nav navbar-nav > li > a {
            color: #777;
        }

希望有所帮助

Answer 3

.navbar-inverse .navbar-nav>li a {color:#fff;}