如何在選擇時更改導航欄列表項背景顏色？

Question

我想更改導航欄中選定選項卡或訪問頁面的背景顏色，我看到bootstrap 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; 
}