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

>表示“子元素”，因此li直接位于.comeclass下

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

1 个答案: