css选择器在joomla 5的页脚菜单？

Question

我试图对页脚菜单进行排列，并且只选择第一个列表元素作为单个选择。

<ul class="someclass">
    <li><!--this is what I am trying to capture-->

        <a>something arbitrary here</a>
        <ul>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
        </ul>
    </li>
    <li>
        <a>something arbitrary here</a>
        <ul>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
        </ul>
    </li>
    <li>
        <a>something arbitrary here</a>
        <ul>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
            <li>list elemnts here</li>
        </ul>
    </li>
</ul>

我希望能够选择all顶部的<li>元素，而无需直接选择其他的内部<li>元素。我应该使用哪些css选择器？

Answer 1

.someclass > li:first-child {
}

示例：http://jsfiddle.net/yUMwD/

或选择该级别上的所有li：

.someclass > li {
}

>的意思是‘子元素’，所以它将接受直接位于.comeclass下面的li