Css 是否有一种方法可以只设置嵌套无序列表的父元素的样式？

可能重复：

我有一组嵌套的无序列表，并且我希望能够仅为具有子项的父项设置样式。html格式如下所示：

<ul>
    <li>item one</li>
    <li>item two</li>
    <li>item three
        <ul>
            <li>child item</li>
        </ul>
    </li
</ul>

项目一
项目二
项目三

子项

我将使用jQuery在UL中循环，并找到包含UL子元素的LI元素。也许是这样吧

<style type="text/css">
    .newClass {
        background: #059;
    }
</style>

<script>

$(document).ready(function() {
    $('#mainUL li').each(function(i) {
        if ($(this).children('ul').length > 0) {
            $(this).addClass('newClass');
        }
    });
});

</script>

<ul id="mainUL">
    <li>item one</li>
    <li>item two</li>
    <li>item three
        <ul>
            <li>child item</li>
        </ul>
    </li>
</ul>


.新班级{
背景:#059；
}
$（文档）.ready（函数（）{
$（'mainUL li'）。每个（功能（i）{
if（$（this）.children（'ul'）。长度>0）{
$（this.addClass（'newClass'）；
}
});
});

项目一
项目二
项目三

子项



简单，就像我喜欢它一样。谢谢，@iDsteven。