改變積極的顏色

Question

這是我使用，使我的導航欄活躍藥片的代碼..

<ul class="nav nav-pills"> 

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

但是它使用默認的藍色爲「主動」我應該如何改變這個？

這是我在我的CSS已經

.nav>li>a:hover, 

.nav>li>a:focus{ 

background-color: #5c8a36;} 

即使有這樣的（顏色應該是綠色的），它仍然顯示爲默認的藍色

Answer 1

添加以下行（.nav>li>a.active,）到你的CSS：

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

Answer 2

你沒有<a>那裏！

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

<ul class="nav nav-pills"> 
 

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

 
</ul>

Answer 3

接受的答案並沒有爲我工作。我改變了一點，現在正在工作。

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