CSS下拉菜單懸停

我需要幫助。我正在做一個帶有共享圖標的下拉菜單。我的問題是這樣的：當我將鼠標移到頁腳的主分享圖標上並選擇另一個圖標（如Facebook）時，主圖標仍然像鼠標懸停一樣選中，但它不會沒有用。CSS下拉菜單懸停

<div class="footer large blue">Footer Blue 
<div class="pull-right buttons"> 
    <ul> 
     <li><a class="btn2 large share2 blue" href="#">Share</a> 

      <ul> 
       <li><a class="btn large rss" href="#">RSS</a> 

       </li> 
       <li><a class="btn large twitter" href="#">Twitter</a> 

       </li> 
       <li><a class="btn large plus" href="#">G+</a> 

       </li> 
       <li><a class="btn large facebook" href="#">Fb</a> 

       </li> 
      </ul> 
     </li> 
     <li><a class="btn2 large btt blue" href="#">Back to Top</a> 

     </li> 
    </ul> 
</div>

我認爲問題是，元素李和一個，是兩個獨立的標籤。

關注此圖像更好地理解它我在說什麼

http://db.tt/Kujz3Pv4

下面的代碼（因爲我無法解釋它更好._。）： http://jsfiddle.net/zPavan/KHWJ4/2/

如果有任何問題或對代碼有任何建議，我感謝您的建議！

來源

2013-02-04 Bac0

+1嘛形成的問題！參見[this fiddle]（http://jsfiddle.net/AGgpN/3/）[This answer]（http://stackoverflow.com/a/8114664/757830）。 – NGLN

而是取決於<a>專門的盤旋，使其依賴於包含整個<ul>列表項：

li:hover > .btn2.blue { 
    background-color: hsl(197, 59%, 30%); 
}

我會建議給特定李象.share，你可以使用一個類以及。

http://jsfiddle.net/ExplosionPIlls/KHWJ4/3/

來源

2013-02-04 22:49:16

我想這會做到這一點：

.buttons ul li:hover > a { 
    background-color: #1f5f79; 
}

來源

2013-02-04 22:51:19

CSS下拉菜單懸停

回答

相關問題