css - 有没有办法只为嵌套无序列表的父元素设置样式？

Question

可能重复：
是否有 CSS 父选择器？
“包含 bar 的 foo”的 CSS 选择器？

我有一组嵌套的无序列表，我希望能够只为<li>有子项的父项设置样式。html 看起来像这样：

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

我希望能够添加背景图像，即仅添加到“项目三”。最简单的方法是什么？

Answer 1

我会使用 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>