css - 导航栏元素打开下拉菜单更改背景

Question

如何更改打开下拉菜单的导航栏元素的背景:

HTML:

<ul class="nav navbar-nav navbar-right">
  <li>
    <a href="#/" class="dropdown-toggle nav-lang" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">FR<span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a class="nav-lang" href="?lang=fr"><img height="15" src="/images/navbar-fr.png"><span class="pad-l-10 fnt-rob pad-t-10">English</span></a></li>
    </ul>
  </li>
</ul>

我试过的 CSS 没有成功:

.navbar-nav > li > a.nav-lang .active {
  background:#93b874 !important;
}

#93b874 是绿色，实际上我不想要点击这个元素时的背景色。

Answer 1

之后不应该有任何空格。:

.navbar-nav > li > a.nav-lang.active
//---------------------------^^ Remove the space here.

当给定空间时，它会寻找一个子元素来应用样式。

如果需要 !important 并提供 background: none transparent;。

看起来答案在于:

.navbar-nav > li > a.nav-lang { background:none transparent !important; }