无法更改引导导航栏“颜色”。可以改变课堂内的其他元素吗？

Question

我正在尝试更改引导程序导航栏上的“颜色”属性。我可以改变元素的所有其他功能（“文本装饰”等），但由于某种原因我无法覆盖颜色？

<nav class="nav navbar-default">
  <div class="container-fluid">
       <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
    </div>

    <div class="collapse navbar-collapse" id="defaultNavbar">
     <ul class="nav navbar-nav">
        <li><a href="[-- VAR.URL --]/sage.html">SACRED HERBS<span class="sr-only">(current)</span></a></li>

                       ...


                <li><a href="[-- VAR.URL --] /specials.html">SALE</a></li>
</ul>

  </div>

</div></nav>

而且，这是我正在使用的CSS：

.navbar-default {
  background-image:none;
  width:100%;
}


.navbar-nav {
    background-color: #29bbdb;
    width: 100%;
    }


.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-weight:600;
    text-decoration:underline;
    background-color: transparent;

 }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  font-weight:600;
  color: #D1D4D4;
  background-color: transparent;
  text-decoration:overline;

}