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