Html 引导更改导航项目的背景色

HTML:

<ul id="main-menu" class="menu nav navbar-nav navbar-collapse">
  <ul class="menu nav navbar-nav">
     <li class="first leaf active-trail active active menu-link-home">
        <a href="/conditions_treatments/childrens_care" title="" class="active-trail active">Home</a>
     </li>

     <li class="expanded dropdown menu-link-health-information radix-dropdown-processed open">                
        <a href="/childrens/hodgkins_lymphoma" title="" class="dropdown-toggle radix-dropdown-processed" data-toggle="dropdown" data-target="#">Health Information<span class="caret"></span></a>
          <ul class="dropdown-menu">
             <li class="first last leaf menu-link-childrens-health-information">
                <a href="/childrens/health_information">Children's Health Information</a>
             </li>
          </ul>
     </li>

     <li class="leaf menu-link-our-services">
        <a href="/" title="">Our Services</a>
     </li>

     <li class="leaf menu-link-facilities--directions">
        <a href="/" title="">Facilities &amp; Directions</a>
     </li>

     <li class="leaf menu-link-patient--visitor-information">
        <a href="/" title="">Patient &amp; Visitor Information</a>
     </li>

     <li class="last leaf menu-link-research--education">
        <a href="/" title="">Research &amp; Education</a>
     </li>

  </ul>          
</ul>

---

当鼠标悬停在“健康信息”链接上时，我无法使背景从深灰色变为白色。我试图重写a:hover样式来改变背景，但我的css似乎不够具体

您只需覆盖颜色（使用引导设置）：

---

bootply:

我必须针对多个选择器：

.navbar-default .navbar-nav .nav > li > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.active.open > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.active.open > ul.dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.open > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.open > ul.dropdown-menu a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.open > a,
.navbar-default .navbar-nav .nav > li.dropdown.open > ul.dropdown-menu a, {

    background-color: #fff;
    border-color: #fff;
}

---

您是否尝试添加

！重要信息

如果你不提供CSS，我们真的帮不上忙。只需引导，我觉得很好：这个例子可能会有帮助：@g_m显然很好，他说，“当悬停在“健康信息”链接上时，我无法让背景从深灰色变为白色。”

.navbar-default .navbar-nav .nav > li > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.active.open > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.active.open > ul.dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.open > a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.open > ul.dropdown-menu a:hover,
.navbar-default .navbar-nav .nav > li.dropdown.open > a,
.navbar-default .navbar-nav .nav > li.dropdown.open > ul.dropdown-menu a, {

    background-color: #fff;
    border-color: #fff;
}