>웹 프론트엔드 >CSS 튜토리얼 >IE8에서 CSS3 선택기 nth-child()의 비호환 문제에 대한 솔루션

IE8에서 CSS3 선택기 nth-child()의 비호환 문제에 대한 솔루션

巴扎黑
巴扎黑원래의
2017-03-14 11:45:451547검색

1.코드

으으으으


미리보기 효과

IE8에서 CSS3 선택기 nth-child()의 비호환 문제에 대한 솔루션

위 그림과 같이 IE9 이상에서는 배경색이 표시될 수 있습니다.

IE8에서 CSS3 선택기 nth-child()의 비호환 문제에 대한 솔루션

문제: 그림과 같이 위 그림에서는 IE8의 배경색이 표시되지 않습니다


rree

4.

:nth -of-type() 선택기 - 선택기는 상위 요소의 특정 유형의 N번째 하위 요소인 모든 요소와 일치합니다. n은 숫자, 키워드일 수 있습니다. 또는 공식. :nth-child(n)과 달리 후자는 유형과 관련이 없습니다. (IE8에서도 지원되지 않음)


:first-of-type
선택기는 상위 요소의 특정 유형의 첫 번째 하위인 모든 요소와 일치합니다.
팁: :nth-of-type(1)과 동일합니다. (IE8에서도 지원되지 않음)
:last-of-type
선택기는 상위 요소인 특정 유형의 마지막 하위 요소인 모든 요소와 일치합니다.
힌트: :n번째-마지막 유형(1)과 동일합니다. (IE8에서도 지원되지 않음) :only-of-type 선택기는 상위 요소에서 특정 유형의 유일한 하위 요소인 모든 요소와 일치합니다. (IE8에서도 지원되지 않음)

:nth-last-child(n) 선택기는 요소 유형에 관계없이 마지막 하위 항목부터 계산하여 해당 요소의 N번째 하위 요소인 모든 요소와 일치합니다. n은 숫자, 키워드 또는 수식일 수 있습니다. (IE8도 지원하지 않습니다.)
팁: 마지막 하위 요소부터 계산하여 상위 요소의 지정된 유형의 N번째 하위 요소를 선택하는 :nth-last-of-type() 선택기를 참조하세요.

:nth-last-of-type(n) 선택기는 마지막 자식부터 계산하여 부모 요소의 특정 유형의 N번째 자식인 모든 요소와 일치합니다. n은 숫자, 키워드 또는 수식일 수 있습니다. (IE8도 지원하지 않습니다.)
팁: 유형에 상관없이 마지막 하위 요소부터 세어 상위 요소의 N번째 하위 요소를 선택하는 :nth-last-child() 선택기를 참고하세요.

:last-child 선택기는 상위 요소의 마지막 하위 요소인 모든 요소와 일치합니다. (IE8도 지원되지 않습니다.)
팁: p:last-child는 p:nth-last-child(1)와 동일합니다.

:first-child 선택기는 상위 요소의 첫 번째 하위 요소에 속하는 지정된 선택기를 선택하는 데 사용됩니다. IE8 및 이전 브라우저의 :first-child의 경우 선언이 필요합니다.




-->

위 내용은 IE8에서 CSS3 선택기 nth-child()의 비호환 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.