Internet Explorer의 CSS 규칙 제한은 무엇이며 IE9와 IE10의 차이점은 무엇입니까?

Internet Explorer의 CSS 규칙 제한: 진실 공개

CSS 규칙에 대한 Internet Explorer의 제한, 특히 악명 높은 "4095 규칙과 관련하여" 제한'은 웹 개발자들에게 혼란의 원인이었습니다. 그러나 Microsoft 문서를 연구하고 실증적인 테스트를 수행함으로써 이러한 제한 사항을 명확하게 이해할 수 있습니다.

4095 규칙: 시트별 또는 문서별?

4095 -규칙 제한은 단일 스타일시트(또는 "시트")에 포함될 수 있는 규칙 수를 나타냅니다. 웹 문서의 총 규칙 수에는 적용되지 않습니다. 따라서 각각 4095개 미만의 규칙을 포함하는 여러 스타일시트에 제한을 초과하지 않고 연결할 수 있습니다.

IE9와 IE10

규칙 제한은 IE9 및 IE10.

IE9:

• 시트 하나에 최대 4095개의 선택기를 포함할 수 있습니다.
• 시트 하나에 최대 31개의 다른 시트를 가져올 수 있습니다.
• 가져오기 중첩 깊이는 4로 제한됩니다. 레벨.

IE10:

• 시트 하나에 최대 65534개의 선택기를 포함할 수 있습니다.
• 시트 하나에 최대 4095개까지 가져올 수 있습니다. 다른 시트.
• 가져오기 중첩 깊이는 최대 4095 레벨.

4095 규칙 테스트

4095 규칙 제한을 확인하기 위해 다음 세 개의 파일로 테스트 사례를 만들었습니다.

• HTML 파일
• 다음이 포함된 CSS 파일 4096 선택기(4096.css)
• 4095 선택기가 포함된 CSS 파일(4095.css)

4096.css 파일이 제한 초과로 인해 최종 선택기를 로드하지 못합니다. 그런데 4095.css 파일이 성공적으로 로드되면서 시트당 제한이 적용되는 것을 확인할 수 있습니다.

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