Пост🌚 Новые CSS функции sibling-index() и sibling-count()

🌚 Новые CSS функции sibling-index() и sibling-count() 🛑sibling-index() - для получения индекса текущего элемента относительно всех его соседних элементов; 🛑sibling-count() - для получения общего количества соседних элементов. 😓 Работает пока только в Хром Вот пример - динамически устанавливаем ширину border и opacity: <div class="container"> <div></div> <div></div> <div></div> ... </div> .container div { border: calc(sibling-index()*2px) solid; opacity: calc(sibling-index()/sibling-count()); } .container div::before { content: counter(i) "/" counter(N); counter-reset: N sibling-count() i sibling-index() } 🔗 Почитать побольше и посмотреть полный код можно тут: https://css-tip.com/element-index/