html – 选择ul到一定深度

前端之家收集整理的这篇文章主要介绍了html – 选择ul到一定深度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
ul,ul ul,ul ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

问题:是否有选择器,所以我可以用它来为每个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相关文章