栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在各种嵌套容器中选择最后一个元素

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在各种嵌套容器中选择最后一个元素

如果我正确理解了您的问题,则希望将s中的最后一个

li
标记作为目标
ul
,其中s中的嵌套级别数
ul
是不可预测的。

您需要一个选择器,该选择器以包含块中的“最后和最深元素”为目标,而该块中位于其前面的元素数是未知且不相关的。

[选择器2.1] 或选择器3] 似乎无法做到这一点。

:last-child
:last-of-type
nth-child
当嵌套级别是固定的伪类的工作。在动态环境中,有多个嵌套级别不同的列表,这些选择器规则将中断。

这将选择

li
第一级中的最后一个
ul

div.case > ul > li:last-child

这将选择

li
第二个级别中的最后一个
ul

div.case > ul > li:last-child > ul > li:last-child

这将选择

li
第三级中的最后一个
ul

div.case > ul > li:last-child > ul > li:last-child > ul > li:last-child

等等…

但是, 选择器4中可能存在一个解决方案,该浏览器尚未实现:

li:last-child:not(:has(> li))

此规则针对

li
没有后代
li
的最后一个子项s,它符合您的要求。

但是,现在,如果您知道每个

ul
容器的嵌套级别,则可以将类应用于每个target
li

感谢@BoltClock协助制定Selectors 4规则(请参阅注释)。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/596901.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号