html - CSS 菜单 CSS 混乱

Question

我有以下 HTML，但我不确定如何对 CSS 进行编码，以便当我将鼠标悬停在主li菜单上时会显示下拉菜单。

        <li><a href="#">#</a>
            <ul class="sub_menu">
                <li><a href="#">#</a></li>
                <li><a href="#">#</a></li>
                <li><a href="#">#</a></li>
                <li><a href="#">#</li></li>
                </ul>
            </li>`

Answer 1

li ul {
    display: none;
}

li:hover ul {
    display: block;
}

这在 IE6 中不起作用，但没有人再关心它了。