CSS 선택자 자식 요소 개수 확인하기
CSS 선택자(Selector) 중에 :nth-child와 :nth-last-child를 이용하면 자식 형제 요소의 갯수에 따라 스타일을 다르게 지정할 수 있습니다. 이 선택자는 IE9부터 지원 가능합니다. li:nth-child(1):nth-last-child(2), li:nth-child(1):nth-last-child(2) ~ li { width: 50%; } li:nth-child(1):nth-last-child(3), li:nth-child(1):nth-last-child(3) ~ li { width: 33.333%; } li:nth-child(1):nth-last-child(4), li:nth-child(1):nth-last-child(4) ~ li { width: 25%; } li:nth-c..
2021년 03월 24일