IE8에서 `:nth-child` 및 `:before`를 사용할 수 없는 이유는 무엇입니까?

IE8 :nth-child 및 :before 호환성 문제

Internet Explorer 8에서는 :nth-child와 같은 CSS 선택기를 사용할 때 문제가 발생합니다. 그리고 :이전에. 이러한 선택기는 대부분의 다른 브라우저에서 효과적으로 작동하지만 IE8에서는 호환성 문제가 발생합니다.

질문

CSS에서 특정 탐색 링크를 대상으로 지정하려는 시도에서 개발자는 다음과 같은 문제를 겪었습니다. IE8의 :nth-child 및 :before에 문제가 있습니다. 특정 링크에 적용된 :nth-child(1) 선택기의 속성을 설정하는 동안 :after 의사 요소에 적용하면 동일한 속성이 작동하지 않습니다.

답변

:nth-child는 IE8에서 직접 지원되지 않지만 인접한 형제 조합자( )와 관련된 해결 방법이 있습니다. 이 방법을 활용하면 목록의 특정 항목을 타겟팅할 수 있습니다.

• li:first-child는 :nth-child(1)
• 과 동일합니다. li:first-child li은 다음과 같습니다. :nth-child(2)
• li:first-child li li은 :nth-child(3)

제한 사항

위 내용은 IE8에서 `:nth-child` 및 `:before`를 사용할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!