Css 在引导导航栏中更改文本颜色失败

Css 在引导导航栏中更改文本颜色失败,css,twitter-bootstrap,Css,Twitter Bootstrap,我一直在尝试更改引导模板导航栏中的文本颜色,但没有成功。有人知道我哪里出错了吗?这是我的密码 <!--navbar--> <div class="navbar navbar-fixed-top"> <div class="navbar-inner" id="nav-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collaps

我一直在尝试更改引导模板导航栏中的文本颜色,但没有成功。有人知道我哪里出错了吗?这是我的密码

<!--navbar-->
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner" id="nav-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">Restaurant</a>
      <div class="nav-collapse">
        <ul class="nav">
          <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret">   </b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
            </ul>
          </li>
        </ul>
        <form class="navbar-search pull-right" action="">
          <input type="text" class="search-query span2" placeholder="Search">
        </form>
      </div><!-- /.nav-collapse -->
    </div><!-- /.container -->
  </div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
<!--navbar-->
我也试过:

#导航内部{
颜色:#FFF;
}

如果要更改选项卡的css,则需要添加
颜色:#ddd到下面的

.navbar .nav > li > a {
    float: none;
    line-height: 19px;
    padding: 9px 10px 11px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color:  #ddd;
}

希望能有帮助

我的猜测是,Bootstrap定义了一个更具体的CSS规则,它正在战胜您更一般的规则。您应该使用Firefox或Chrome的开发工具来查看页面,看看哪些样式比其他样式更受欢迎。如果您的样式甚至没有显示出来,那么您知道有一个更基本的问题,但是如果引导的样式覆盖了您的颜色,那么您必须给您的样式一个更高的优先级

要进行健全性检查,请尝试以下过度杀戮规则:

html body.navbar.navbar inner.container{
颜色:#FFF;
}
如果这是可行的,那么就用较低水平的特异性进行实验,看看你真正需要的特异性有多高

如果所有其他操作都失败,您始终可以执行以下操作:

color:#FFF!重要的;
详细说明。

.navbar.nav>li>a{ 浮动:无; 颜色:#5FC8D6; 背景色:#002E36; } .navbar.nav>li>a:悬停{ 浮动:无; 颜色:#002E36; 背景色:#5FC8D6; }
它可以工作。。。试试看

.navbar-nav > li > a:link
{
color:red;
}

工作起来很有魅力!在另一个线程中找到它,因此我不承担任何责任。

请查看我的答案,如果有帮助,请给它打分。:)请考虑推荐Makle的答案。这是处理自定义CSS规则的推荐方法。我的也是;)并恰当地回答了这个问题:我知道这是一个老话题,但我更喜欢制作和链接自定义CSS文件。在此文件中,您可以添加或覆盖主题的属性。即使在更新主题时,这也很可能仍然有效。只需在“customstyle.css”中添加以下行:.navbar.nav>li>a{color:#ddd;}我不知道为什么接受另一个答案,但这个答案更好。当您可以覆盖自定义css定义中的属性时,不要混淆主题。确保在引导主题之后链接自定义CSS。也许您可以解释代码中发生了什么,以帮助其他人。这到底是怎么回事?
nav.navbar-nav.navbar-right li a {
    color: blue;
}