마지막 자식 선택기 사용: 브라우저 간 호환성 문제 해결
목록의 마지막 요소에 CSS를 적용하려고 할 때( 예를 들어
특히 Internet Explorer 9 이전 버전과 Safari 버전 3.2 이전에서는 :last-child 의사 클래스를 인식하지 못합니다. 또한 Internet Explorer 7 및 Safari 3.2는 :first-child를 지원하지만 :last-child는 지원하지 않습니다.
해결책: 명시적으로 클래스 추가
브라우저 간 호환성을 보장하려면, :last-child에 의존하는 대신 last-child와 같은 클래스 속성을 최종 요소에 추가하세요. 그런 다음 해당 클래스 선택기(예: li.last-child)를 사용하여 CSS를 적용합니다. 이렇게 하면 원하는 스타일이 의도한 요소에 적용됩니다.
위 내용은 브라우저 간 호환성을 유지하면서 목록의 마지막 요소에 스타일을 지정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!