CSSでスタッガーアニメーションがつくれる! sibling-index() / sibling-count()の活用アイデア - ICS MEDIA
sibling-index()関数とsibling-count()関数は、兄弟要素の「並び順」や「総数」を整数として返すCSS関数です。数値として使えるので、calc()関数などと組み合わせられます。具体例としてわかりやすいのが、スタッガーアニメーション(要素が順番に遅れて動くアニメーション)です。