:where

 

.acr { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)* 6)* var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)* 6)* calc(1 - var(--tw-space-y-reverse))); } }

이 코드는 .acr 클래스를 가진 요소에 대해, 그 자식 요소들 중에서 마지막 자식 요소가 아닌 모든 자식 요소에 특정 스타일을 적용하는 것입니다.

1. :where(& > :not(:last-child)):
   • 이 부분은 .acr 요소의 직접 자식 중 마지막 자식이 아닌 모든 자식에게 스타일을 적용하는 선택자입니다.
   • &는 현재 선택자, 즉 .acr을 참조하고, :not(:last-child)는 마지막 자식이 아닌 자식 요소를 선택합니다.