HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 选择ul到一定深度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
ul,ul ul,ul ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

问题:是否有选择器,@R_871_9447@用它来为每个n-deep ul应用样式?

例如:

ul > ul

解决方法

对于初学者,选择器ul> ul不会起作用,因为ul元素可能不是其他ul元素的直接子元素.你需要使用ul> li> ul在这种情况下.

你可以做什么来针对特定的深度级别是根据第一个ul元素的父元素.例如,如果您的顶级ul是body元素的直接子元素,则只需添加body>进入你的选择器:

body > ul,/* Level 1 */
body > ul > li > ul,/* Level 2 */
body > ul > li > ul > li > ul { }    /* Level 3 */

尽管如此,只要选择器具有正确的特异性,就足以将样式应用于所有ul元素(如果你不想只针对特定的深度级别).

遗憾的是,不存在用于定位特定深度的独立选择器.也许你是以错误的方式接近这个 – 你为什么不在你希望设置样式的特定ul中添加class或id属性而是将它们用作选择器呢?

大佬总结

以上是大佬教程为你收集整理的html – 选择ul到一定深度全部内容,希望文章能够帮你解决html – 选择ul到一定深度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。