요구사항 동적으로 li 요소의 개수가 바뀌는 목록이 존재한다. 이 목록은 최대 4개의 li 요소를 가질 수 있다고 가정할 때, 아래의 예시 이미지처럼 li 가 4개일 때만 부모 요소에 꽉차게 스타일링 하려고 한다. 어떻게하면 JavaScript 코드 없이 CSS만으로 li가 4개일 때를 확인하고 다른 스타일링을 적용할 수 있을까? 기본 UI 코드 /* CSS */ html, body { height: 100%; } ul { margin: 0; padding: 0; list-style: none; } .list { display: flex; flex-direction: column; height: 30em; border: 5px solid; } .item { height: 20%; margin-bottom..