Internet Explorer 8에서 nth-child()를 어떻게 사용할 수 있습니까?

Internet Explorer 8의 nth-child() CSS 지원 부족 극복

CSS에서 nth-child() 요소 선택기를 사용하면 상위 요소 내의 특정 하위 요소를 대상으로 지정합니다. 그러나 이 선택기는 Internet Explorer 8(IE8)에서는 지원되지 않습니다. 테이블에서 얼룩말 줄무늬와 같은 효과를 얻으려는 경우 이는 어려울 수 있습니다.

해결책

이 문제에 대한 두 가지 주요 접근 방식이 있습니다.

1. Polyfill 사용

Polyfill은 누락된 기능을 브라우저에 추가하는 스크립트입니다. CSS의 경우 Selectivizr는 IE8에서 nth-child()를 지원하는 인기 있는 폴리필입니다.

2. 첫 번째 자식으로 IE8 속이기

IE8은 첫 번째 자식 선택기를 지원하므로 이를 사용하여 nth-child()에 대한 해결 방법을 만들 수 있습니다.

/* li:nth-child(2) */
li:first-child + li { /* Works for IE8 */ }

이 방법 IE8을 속여 두 번째 하위 요소를 선택하도록 합니다. 그러나 제한 사항이 있으며 nth-child(2n 1) 또는 nth-child(odd)와 같은 더 복잡한 nth-child() 선택기를 에뮬레이트할 수 없습니다.

위 내용은 Internet Explorer 8에서 nth-child()를 어떻게 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!