Internet Explorer의 실제 CSS 제한은 무엇입니까?

Internet Explorer의 CSS 제한 폭로

Internet Explorer는 CSS 스타일시트 사용에 대해 매우 엄격한 제한을 두고 있습니다. 이러한 제한을 풀면 좌절감을 느낄 수 있지만 Microsoft의 지침을 자세히 살펴보면 이러한 제한 사항을 밝힐 수 있습니다.

스타일 및 링크 태그 제한

IE에서는 총 31개 <의 조합을 허용합니다. ;스타일> 및 <링크> 태그. 각 시트는 31개의 @import 문으로 추가로 제한됩니다. 이는 이론적으로 31개의 태그는 각각 31개의 외부 스타일시트를 가져옵니다.

선택기 제한

4095 규칙은 CSS 시트당 허용되는 선택기 수를 나타냅니다. IE9에서는 단일 시트에 최대 4095개의 선택기가 포함될 수 있습니다. IE10에서는 이 제한이 65534개 선택자로 크게 늘어났습니다.

@import 중첩

IE에는 @import 중첩 깊이에 제한이 있습니다. IE9에서는 중첩이 최대 4레벨까지 지원되는 반면, IE10에서는 중첩이 최대 4095레벨까지 지원됩니다.

여러 스타일시트 및 선택기 제한

잘못된 정보와는 달리 IE에서는 선택기 제한 내에 여러 스타일시트가 있습니다. 예를 들어 각각 4000개의 규칙이 포함된 두 개의 스타일시트를 제한을 초과하지 않고 연결할 수 있습니다.

선택기 제한 테스트

시트별 선택기 제한을 확인하기 위해 테스트 요지를 만들었습니다. 첫 번째 CSS 파일은 4096 선택기 제한에 도달했으며 최종 선택기는 무시되었습니다. 그러나 브라우저가 첫 번째 파일에서 이미 4095개의 선택기를 처리했음에도 불구하고 4095개의 선택기가 있는 두 번째 파일은 IE에서 성공적으로 로드되고 올바르게 렌더링되었습니다.

이러한 제한 사항을 이해하고 테스트 요점을 활용하여 이를 확인합니다. , 웹 개발자는 Internet Explorer CSS 규칙의 특이한 점을 효과적으로 탐색할 수 있습니다.

위 내용은 Internet Explorer의 실제 CSS 제한은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!