我可以用纯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设置为第一级li里面的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伪类。

我在这里做了一个疯狂的猜测，但我认为你可能意味着列表式的属性来显示枚举“图标”（或隐藏它们）。