// Link · 21 May 2026

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

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.

Smashing Magazine

@smashing-magazine · smashingmagazine.com

smashingmagazine.com

Smashing Magazine@smashing-magazine