使用css定位最深的嵌套ul/ol元素

Question

在如下所示的嵌套列表中,如何在joe不事先知道实际深度的情况下将ul包含在目标中？

<ul>
    <li>foo
        <ul>
            <li>bar
                <ul>
                    <li>baz
                        <ul>
                            <li>joe</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

http://jsbin.com/fiqowuhate/1/edit?html,css,output

Answer 1

据我个人所知，这是不可能的，因为目前CSS 中没有父选择器，但您可以使用 jQuery 选择器$('ul:not(:has(ul))');来定位ul没有任何子ul元素的元素，并向它们添加一个类。

例子