改变积极的颜色

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