Как изменить цвет фона элемента списка навигации, когда он выбран?

Question

Я хочу изменить цвет фона выбранной вкладки или посещенной страницы в navbar, я вижу bootstrap css, как у них цвет фона при наведении и посещении, но я не уверен, что я должен перезаписать bootstrap 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

В обоих случаях вы перекрывающих Bootstrap. изменения 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; 
}