CSS의 새로운 기능: sibling-index와 children-count 제안
역량 개발 · Smashing Magazine · 2026.05.21
CSS에서 요소의 순서나 개수를 더 스마트하게 계산할 수 있는 새로운 기능들이 논의되고 있어요. 현재는 모든 형제 요소를 기준으로만 계산할 수 있지만, 앞으로는 특정 selector를 기준으로 index를 가져오는 `sibling-index(of .active)`와 같은 기능이 도입될 예정이랍니다. 또한, 자식 요소의 수를 알려주는 `children-count()`와 모든 후손을 세는 `descendant-count()`도 제안되어 논의 중이에요. 이러한 기능들이 도입되면 DOM 조작 없이도 staggered animation 같은 복잡한 레이아웃을 훨씬 쉽게 구현할 수 있게 될 거예요.