html – 选择ul到一定深度

发布时间：2020-12-14 16:41:46 所属栏目：资源来源：网络整理

导读：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 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属性而是将它们用作选择器呢？

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!