Wechsel aktiv Farbe der nav-Pillen

Question

Dies ist der Code ich verwende die Pillen in meinem navbar aktiv zu machen ..

<ul class="nav nav-pills"> 

    <li class="<%= 'active' if current_page?(root_path) %>"><% yield (:home)%><%= link_to "Home", root_path%></li> 

aber es verwendet die Standard-blaue Farbe als „aktiv“ wie soll ich ändern Dies?

das ist, was ich in meinem CSS haben bereits

.nav>li>a:hover, 

.nav>li>a:focus{ 

background-color: #5c8a36;} 

auch mit dieser es noch (die Farbe sollte grün) als blau Standardfarbe

Answer 1

die folgende Zeile hinzufügen zeigt nach oben (.nav>li>a.active,) zu Ihrem CSS:

.nav>li>a.active, 
.nav>li>a:hover, 
.nav>li>a:focus { 
    background-color: #5c8a36; 
} 

Answer 2

Sie haben keine <a> da!

.nav>li:hover, 
 
.nav>li:focus, 
 
.nav>li:focus { 
 
    background-color: #5c8a36; 
 
}

<ul class="nav nav-pills"> 
 

 
    <li class=""> 
 
    Home 
 
    </li> 
 

 
</ul>

Answer 3

Die akzeptierte Antwort für mich nicht funktioniert hat. Ich habe mich ein bisschen verändert und arbeite jetzt.

.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover { 
    background-color: #5c8a36; 
}