基於CSS的一個鏈接懸停激活/停用格

Question

任何想法，我究竟在鏈路丟失：** ** http://jsfiddle.net/AnUZ7/2/

我試圖做一個下拉像在Zerply

<a href="#" class="setting">Setting</a> 

<ul> 
    <li><a href="#">Lorem</a></li> 
    <li><a href="#">Ipsum</a></li> 
</ul> 

此處的CSS：

ul { 
    position: absolute; 
    background: orange; 
    width: 10em; 
    left: -999em; 
} 

a.setting:hover ul { 
    left: auto; 
} 

謝謝！

Answer 1

嘗試更換a.setting:hover ul {...}到

a.setting:hover + ul, 
ul.submenu:hover {...} 

編輯小提琴： http://jsfiddle.net/AnUZ7/4/

的.first + .second選擇器選擇後.first的下一個元素。
.first ~ .after-first選擇器選擇.first之後的所有元素。
這些選擇不工作在Internet Explorer 6，但希望不是在2011年

當心你的實際設計的（可能）保證金/填充/其他的a及其ul之間差距的一個大問題！如果鼠標指針落在它們之間，菜單將消失。