Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()` (opens in new tab)

Covered by CSS-Tricks, habr.com

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.

Read the original article

Sign in to keep reading the full article.

Sign Up Log In

Covered in 3 articles

CSS-Tricks·

Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()` (opens in new tab)

Covered in 3 articles

What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More

In other languages

3 минуты назад

4 минуты назад