Как выбрать только верхнего уровня li в рекурсивном меню?

Question

Как выбрать только li первого уровня? Если я делаю 'ul li', он также выбирает детей. Есть ли способ выбрать только верхний уровень, а не детей с помощью CSS? Если нет, то я согласен с использованием jQuery, но как бы я выбрал его и в этом случае?

<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>

Answer 1

$ ('ul li: first')