如何在选择时更改导航栏列表项背景颜色？

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; 
}