Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`

T2Covered by 1 source · first reported by Smashing Magazine / CSS-Tricks / web.dev / Chrome for Developers / LogRocket at 21 May, 08:00 UTC

Meet `sibling-index()` and `sibling-count()`. Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds. Works for 5 items or 5,000.

dev

Sources

• T2Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`Smashing Magazine / CSS-Tricks / web.dev / Chrome for Developers / LogRocket21 May, 08:00