在引導程序下懸停時自定義導航欄顏色

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不是一個類有選擇前點:)