如何在递归菜单中只选择顶级li？

问题描述

如何只选择一级李？如果我做'ul li'，它也选择孩子。有没有办法只选择顶层而不是使用CSS的孩子？如果没有，我可以使用jQuery，但我怎么选择它呢？

How do I select only first-level li's? If I do 'ul li', it also selects the children. Is there a way to select only the top level and not the children using CSS? If not, I am ok with using jQuery, but how would I select it in that case too?

<ul>
    <li class="administration first">
        <a href="/administration.aspx"><span>Administration</span></a>
        <ul>
            <li class="users first selected"><a href="/administration/users.aspx"><span>Users</span></a></li>
            <li class="forms last"><a href="/administration/forms.aspx"><span>Forms</span></a></li>
        </ul>
        <div style="clear: both;"></div>
    </li>
    <li class="analytics"><a href="/analytics.aspx"><span>Analytics</span></a></li>
    <li class="options"><a href="/options.aspx"><span>Options</span></a></li>
    <li class="system last"><a href="/system.aspx"><span>System</span></a></li>
</ul>

推荐答案

您需要的元素或类，第一个ul，然后指定 {parent-selector}> ul> li 。

You would need the element or class which is above the first ul, then specify {parent-selector} > ul > li.

这篇关于如何在递归菜单中只选择顶级li？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！