Как в дочерних классах уменьшать фоновый цвет, заранее не зная их вложенность?

Question

[Максим Иванов]

Если бы мы заранее в верстке знали бы, что всего 3 уровня вложенности, тогда css был бы таким

.collapsible-pod .collapsible-header {
	// 2 уровень вложенности
       background: rgba(0,0,0, .9);
}

.collapsible-pod .collapsible-pod .collapsible-header {
	// 3 уровень
        background: rgba(0,0,0, .8);
}

Но контент динамический, соответственно, много может быть вложенностей и поэтому не понятно что делать. Мы же не можем написать сразу 99 таких вложенностей на css.

Может как-то блур css фильтр использовать можно, чтобы прятать остальные вложенности?

Answer 1

[Денис Инешин]

CSS статический. Но вы действительно можете прописать такие стили заранее. Для этого воспользуйтесь препроцессором и циклами. Например на LESS

Comments

[Максим Иванов]

и что мне для 100 вложенностей делать цикл?

[Денис Инешин]

Максим Иванов: почему нет? 100 строк в CSS это ничто. Особенно если у вас такая специфичная задача.

[Максим Иванов]

тоже верно) попробую на sass, там ведь можно так сделать?

[Денис Инешин]

Максим Иванов: конечно, любой продвинутый препроцессор.