忽略导航栏上的引导程序悬停

当我将鼠标悬停在导航栏上的选项卡/链接上时，我想覆盖字体颜色。我目前有以下的HTML：忽略导航栏上的引导程序悬停

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class = "container"> 
      <a class="brand" href="#">Title</a> 
      <ul class="nav"> 
       <li class="active"><a href="#">Home</a></li> 

      </ul> 
      <ul class ="nav pull-right"> 
       <li><a href="#">Link</a></li> 

       <li class="divider-vertical"></li> 
       <li ><a href="#">Link</a></li> 
      </ul> 
     </div> 
    </div> 
</div>

我只是想在右边的选项卡变成不同的颜色。我了解伪引文，我只是想知道如何用我自己的CSS做到这一点。谢谢！

来源

2014-01-12 Ryan

.nav：悬停：;或.nav李{红色重要！}：悬停>一个{color：red！important;}？不知道 –

它的重复虽然：http://stackoverflow.com/questions/16625972/change-color-of-bootstrap-navbar-on-hover-link?rq=1 –

如果选择器足够具体，可以避免使用!important。在这种情况下，你可以使用：

.nav.pull-right > li > a:hover { 
    /* style .. */ 
}

jsFiddle example

另外，您也可以使用.navbar-inner .container .nav.pull-right > li > a:hover

来源

2014-01-12 02:45:55

工程就像一个魅力。我错过了额外的“。”对于我添加CSS时的右拉部分（所以我用.nav拉右）。谢谢！ – Ryan

忽略导航栏上的引导程序悬停

回答

相关问题