GET THE INDEX OF AN ELEMENT WITHIN ITS PARENT

Summary from the TLDR Web Dev newsletter

CSS' new `sibling-index()` and `sibling-count()` functions can be used to get an element's position among its siblings and the total number of siblings, which then can create dynamic styling effects like progressive border thickness and opacity based on element position.