Css 改变nav药丸的活性颜色

这是我用来激活导航栏中药片的代码

  <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.active，

）：

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

在css中添加以下行（

.nav>li>a.active，

）：

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

那里没有

.nav>li:悬停，
.nav>li:focus，
.nav>li:焦点{
背景色：#5c8a36；
}

家

那里没有

.nav>li:悬停，
.nav>li:focus，
.nav>li:焦点{
背景色：#5c8a36；
}

家

接受的答案对我不起作用。我改变了一点，现在正在工作

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

---

被接受的答案对我不起作用。我改变了一点，现在正在工作

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