忽略導航欄上的引導程序懸停

當我將鼠標懸停在導航欄上的選項卡/鏈接上時，我想覆蓋字體顏色。我目前有以下的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

忽略導航欄上的引導程序懸停

回答

相關問題