高度なツリーカウント:`sibling-index()` と... ノート

高度なツリーカウント:sibling-index()sibling-count() を使用した数学的レイアウト

sibling-index()sibling-count() をご紹介します。:nth-child() ルールやJSの回避策なしで、CSS1行でスタッガードカスケード効果を実現します。5個のアイテムでも5,000個のアイテムでも動作します。
CdXz5zHNQW_Ke9rq9Z5fU.jpeg