Html 在引导下悬停时自定义导航栏颜色

悬停时，我找不到正确的CSS语法来自定义导航栏链接。我的导航栏如下：

  <ul class="nav navbar-nav navbar-right">
    <li><%= link_to "Home", root_path %></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Account | <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><%= link_to "User", current_user %></li>
          <li><%= link_to "Update", edit_user_path(current_user) %></li>
        </ul>
    <li><%= link_to "Logout", logout_path, method: "delete" %></li>

我想有我的链接“家”和“注销”相同的效果。我试过了

但这三个链接（“主页”、“帐户”和“注销”）立即被搁置。从那时起，我尝试了多种选择，包括：

.ul#navbar-nav a:hover {
background:#3b3535;
color: #ece6e6;
}

.navbar-nav ul.nav li:hover a{
background:#3b3535;
color: #ece6e6;
}

.ul.nav li a:hover {
background:#3b3535;
color: #ece6e6;
}

但它们似乎都不起作用。你能给我适当的语法来产生正确的悬停效果吗？谢谢。

主页和注销没有链接

，所以只需使用下面的链接即可将它们作为目标

ul.nav li:hover {
  background:#3b3535;
  color: #ece6e6;
}

而且

ul

不是在选择器前面有点的类：）

.ul#navbar-nav a:hover {
background:#3b3535;
color: #ece6e6;
}

.navbar-nav ul.nav li:hover a{
background:#3b3535;
color: #ece6e6;
}

.ul.nav li a:hover {
background:#3b3535;
color: #ece6e6;
}

ul.nav li:hover {
  background:#3b3535;
  color: #ece6e6;
}