Wie ändert man die Hintergrundfarbe der Navigationsleiste, wenn sie ausgewählt ist?

Question

Ich möchte Hintergrundfarbe der ausgewählten Registerkarte oder besuchten Seite in Navbar ändern, ich sehe Bootstrap CSS, wie sie Hintergrundfarbe auf Hover und besucht haben, aber ich bin mir nicht sicher, ob ich Bootstrap CSS oder Helper-Klasse hinzufügen sollte, um diese Aufgabe zu erreichen.

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

In beiden Möglichkeiten, wie Sie Bootstrap überschreiben. CSS Änderungen, die Sie anwenden müssen, sind:

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