我可以用純CSS2做這個「動作」嗎？

Question

我this代碼：

<ul class="main"> 
    <li> 
     <a href="#">Link 1</a>     
    </li>      

    <li> 
     <a href="#">Link 2</a> 
     <ul class="second">    
      <li>Hello</li> 
     </ul>       
    </li>         
</ul>​ 

.second 
{ 
    display:none; 
}​ 

而且我想，我是用鼠標在鏈接上（a:hover）時設置display:block的UL second第一級的李內。比，當我用鼠標離開鏈接時，將它退回到無。

這是可能的CSS或只有JavaScript？

Answer 1

當然，也可以

ul.second { display: none; } 
a:hover + ul.second { display: block; } 

，它甚至會在最現代的瀏覽器。

不確定，不管+選擇器是否屬於CSS2。

Answer 2

從技術上來說，就是使用a：link，a：visited，a：hover和a：active僞類。

我在這裏採取一個瘋狂的猜測，但我認爲你可能意味着列表樣式的屬性來顯示枚舉「圖標」（或隱藏它們）。