Internet Explorer 8에서 n번째 하위 요소의 스타일을 어떻게 지정할 수 있습니까?

Internet Explorer 8의 CSS nth Child() 지원 문제 해결

CSS로 웹페이지 스타일을 지정할 때 n번째 child() 요소는 일반적으로 상위 요소 내의 특정 하위 요소에 규칙을 적용하는 데 사용됩니다. 그러나 Internet Explorer 8은 기본적으로 n번째 자식() 요소를 지원하지 않습니다.

해결 방법

이 제한을 극복하려면 다음 접근 방식 중 하나를 사용할 수 있습니다.

Polyfill 사용:

Selectivizr는 Internet Explorer의 CSS 지원을 향상시키는 안정적인 폴리필입니다. n번째 하위() 요소의 브라우저 간 구현을 제공하여 테이블 행에서 원하는 얼룩말 줄무늬 효과를 얻을 수 있습니다.

Polyfill 없이:

또는 첫 번째 자식 요소에 대한 Internet Explorer 8의 지원을 활용하여 n번째 child() 동작을 에뮬레이트할 수 있습니다. 다음 트릭을 적용할 수 있습니다.

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

이 방법을 사용하면 특정 하위 요소를 타겟팅할 수 있지만 nth-child(2n 1) 또는 nth-child와 같은 복잡한 선택기에 대한 지원은 제공되지 않습니다. (이상해요).

위 내용은 Internet Explorer 8에서 n번째 하위 요소의 스타일을 어떻게 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!