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

Question

我无法在悬停时找到正确的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> 

我设法让与

.dropdown:hover { 
background:#3b3535; 
color: #ece6e6; 
} 

我想对我的链接“家”一样的效果下拉菜单上的正确悬停效果和“注销” 。我试过

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

但三个链接（“主页”，“帐户”和“注销”）一次徘徊。从那时起，我尝试了很多选择，包括：

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

但是他们都没有工作。你能给我适当的语法来获得正确的悬停效果吗？谢谢。

Answer 1

首页和注销没有链接<a>所以只需使用下面的目标他们两个。

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

而且ul不是一个类有选择前点:)