CSS выбирает вложенные элементы глубиной до N уровней ⇐ CSS

[Anonymous]

У меня есть несколько вложенных элементов, и я пытаюсь выбрать только первые 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;
}

Код: Выделить всё

A

B

C

D

E

F

G

H

I

Подробнее здесь: https://stackoverflow.com/questions/385 ... evels-deep