javascript - 我可以用纯 CSS2 做这个“动作”吗？

Question

我有这个代码：

<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;
}​

而且我想，当我将鼠标悬停在第一级 li 内设置为 ul的链接 ( a:hover)上时。比，当我用鼠标离开链接时，将其恢复为无。display:blocksecond

是否可以使用 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 伪类。

我在这里进行了疯狂的猜测，但我认为您可能指的是列表样式属性以显示枚举“图标”（或隐藏它们）。