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

标签 html css

在像下面这样的嵌套列表中,如何在事先不知道实际深度的情况下定位包含 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

最佳答案

据我个人所知,这是不可能的,因为目前有 no parent selector in CSS ,但您可以使用 jQuery 选择器 $('ul:not(:has(ul))'); 来定位 ul 元素而不使用任何 ul children,并为他们添加一个类。

Example

关于html - 使用 css 定位最深嵌套的 ul/ol 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28233656/

相关文章:

javascript - 不确定如何使这个计算器功能工作

css - Wordpress 和条件 IF 语句

html - Bootstrap 导航栏中的停止列表项堆叠

javascript - 如何使用正则表达式和javascript控制数据

html - CSS 适用于 HTML 但不适用于 Razor 语法

javascript - 在搜索上显示按钮并显示相同的结果

html - 显示文本 html/css 的悬停按钮

Javascript 点击无法按预期工作

css - 如何将CSS动画限制在某个div上?

html - 移动设备扭曲了我网站上的页面