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

就我个人而言，这是不可能的，因为目前有no parent selector in CSS，但您可以使用jQuery选择器$('ul:not(:has(ul))');来定位ul元素而不使用任何{{1}子节点，并为它们添加一个类。

Example

Answer 2

var str = $（＆＃34; ul＆gt; li：last＆＃34;）。text（）; 警报（＆＃34;最深的价值： - ＆＃34; + str）;