選択したときにnavbarリストアイテムの背景色を変更するにはどうすればいいですか？

Question

navbarの選択したタブや訪問したページの背景色を変更したいのですが、背景色がどのように表示されているのか、ブートストラップCSSを見ていますが、ブートストラップCSSを上書きするか、あなたがブートストラップを上書きします両方の方法で

main.htmlを

<nav class="navbar navbar-default"> 
    <div > 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a ui-sref="app.dit">DIT</a></li> 
       <li><a ui-sref="app.st">ST</a> 
       <li><a>UAT</a></li> 
       <li><a>PROD</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

Answer 1

。 CSSはあなたが適用する必要が変更されている：私は、すぐにユーザーが他のページタブに移動し、現在の訪問のタブを強調したい

/* unvisited link */ 
a:link { 
    color: green; 
} 

/* visited link */ 
a:visited { 
    color: green; 
} 

/* mouse over link */ 
a:hover { 
    color: red; 
} 

/* selected link */ 
a:active { 
    color: yellow; 
}