Question

我有一个无序列表如下：

<ul id="menu">
    <li><a href="#">Event Overview</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>
    <li><a href="#">About</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Blog</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Contact</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

</ul>

我需要选择所有父列表项，而不是子列表项。例如，我需要选择包含“事件概述”的列表项，而不是包含“此处有些文本”的列表项。

通常，我的选择器如下#menu-nav li，但这会选择所有列表项，包括子项。

适当的选择器是什么？

Answer 1

儿童选择器（暗示天使唱歌）：

#menu > li

它只会选择li 直接子#menu的{{1}}元素。

正确的选择器，仅在无序列表中选择父项

1 个答案: