我有许多嵌套元素,我试图只选择前 N 个级别。下面显示了一个工作示例,其中我选择了前 7 个级别并为其设置样式。这正是我想要的,但是,我希望有一种简化的方法来选择这些元素。
在我的实际用例中,我不知道嵌套元素的总数,并且我试图选择前 50 个级别,因此使用上述方法会非常混乱。不幸的是,我无法更改应用程序中的 HTML,因此它需要是一个仅限 CSS 的方法。谢谢。
.container > div,
.container > div > div,
.container > div > div > div,
.container > div > div > div > div,
.container > div > div > div > div > div,
.container > div > div > div > div > div > div,
.container > div > div > div > div > div > div > div {
border-left: 1px solid;
padding-left: 15px; …Run Code Online (Sandbox Code Playgroud)