CSS에서 마지막 요소를 제외하고 요소의 모든 하위 요소를 어떻게 선택합니까?

마지막 자식을 제외한 요소의 모든 자식을 선택하는 방법

CSS3 선택기:last-child를 사용하면 개발자는 다음 요소를 타겟팅할 수 있습니다. 컨테이너의 마지막 자식입니다. 그러나 마지막 요소를 제외하고 요소의 모든 하위 요소를 선택해야 하는 경우가 있을 수 있습니다.

부정 의사 클래스 :not()를 :last-child와 함께 사용하면 원하는 결과를 얻을 수 있습니다. 결과. 이 선택기는 선택한 컨테이너의 마지막 하위 요소가 아닌 모든 요소와 일치합니다.

:not(:last-child) {
  /* Styles for all children except the last */
}

이 기술은 마지막 요소를 제외한 모든 하위 요소에 다양한 스타일을 적용하는 데 특히 유용합니다. 예를 들어, 목록에서 마지막 항목을 제외한 모든 목록 항목에 아래쪽 테두리를 추가하여 시각적으로 매력적인 효과를 만들 수 있습니다.

:not() 및 :last-child 조합이 일부라는 점에 유의하세요. CSS 선택기 레벨 3에 속하며 Internet Explorer 8 이하와 같은 이전 브라우저에서는 지원되지 않을 수 있습니다. 그러나 최신 브라우저에서는 요소의 마지막 하위 항목을 제외한 모든 항목을 선택할 수 있는 다양한 솔루션을 제공합니다.

위 내용은 CSS에서 마지막 요소를 제외하고 요소의 모든 하위 요소를 어떻게 선택합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!