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

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>

我希望能够选择所有 顶部<li>元素，无需直接选择所有其他内饰 <li>元素。我应该使用哪些 CSS 选择器？

Answer 1

.someclass > li:first-child {
}

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

或者选择该级别上的所有 li:

.someclass > li {
}

> 表示“子元素”，因此它会采用直接位于 .comeclass

下的 li