Количество дочерних элементов SCSS
Есть div с некоторым количеством вложенных элементов p:
<div>
<p>...</p>
<p>...</p>
<p>...</p>
</div>
Можно ли используя только SCSS/SASS как-то узнать количество вложенных в div элементов? Т.е нужно в некую SCSS переменную записать это количество (для примера выше $foo: 3;). Подойдут даже самые костыльные решения, просто интересно, как это можно сделать. В официальной ТД ничего на эту тему не нашел.
Ответы (1 шт):
Автор решения: Андрій Панчій
→ Ссылка
div:has(p:nth-of-type(1):nth-last-of-type(1)) {--foo: 1}
div:has(p:nth-of-type(2):nth-last-of-type(1)) {--foo: 2}
div:has(p:nth-of-type(3):nth-last-of-type(1)) {--foo: 3}
div:has(p:nth-of-type(4):nth-last-of-type(1)) {--foo: 4}
div:has(p:nth-of-type(5):nth-last-of-type(1)) {--foo: 5}