CSS에서 마지막 요소를 제외한 요소의 모든 하위 항목을 선택하는 방법은 무엇입니까?

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

CSS 선택기를 사용하여 요소를 선택하는 것은 웹 페이지의 스타일을 지정하고 조작하는 강력한 기술입니다. 일반적인 작업 중 하나는 요소의 마지막 자식을 제외한 모든 자식을 선택하는 것입니다.

:last-child 선택기

요소의 마지막 자식만 선택하려면 :last-child 선택자를 사용할 수 있습니다. 이 선택기는 상위 요소의 마지막 하위 요소만 일치합니다. 예:

div:nth-last-child(1) {
  /* styles */
}

마지막을 제외한 모든 하위 항목 선택

마지막 항목을 제외한 요소의 모든 하위 항목을 선택하려면 :not() 부정 의사 클래스를 사용하세요. :last-child 의사 클래스와 결합할 수 있습니다. :not() 의사 클래스는 지정된 조건과 일치하지 않는 요소와 일치합니다. 이 경우 조건은 :last-child입니다. 이는 :not() 의사 클래스가 상위 요소의 마지막 하위 요소가 아닌 모든 요소와 일치함을 의미합니다.

:not(:last-child) {
  /* styles */
}

이 선택자는 마지막 자식을 제외한 부모 요소의 모든 자식과 일치합니다. 선택기에 적용된 스타일은 일치하는 모든 요소에 적용됩니다.

호환성

:not() 의사 클래스는 다음에서 지원되지 않는다는 점에 유의하는 것이 중요합니다. IE8 또는 이전 버전의 Internet Explorer. :not()을 지원하지 않는 브라우저의 경우 n번째 하위 선택기 또는 하위 조합자를 사용하는 등 마지막 하위 항목을 제외한 모든 하위 항목을 선택하는 대체 방법을 사용할 수 있습니다.

위 내용은 CSS에서 마지막 요소를 제외한 요소의 모든 하위 항목을 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!