javascript - 隐藏第一个子菜单

Question

我在一个具有以下菜单结构的网站上工作:

<ul class="menu">
<li><a href="#">Home</a>
    <ul class="submenu">
        <li><a href="#">Home</a></li>
    </ul>
</li>

<li><a href="#">About Us</a>
    <ul class="submenu">
        <li><a href="#">Mission Statement</a></li>
    </ul>
</li>
</ul>

我将如何隐藏第一个子菜单？

Answer 1

试试 css :first-child

.menu li:first-child ul {
    display:none;
}