다양한 Internet Explorer 버전의 CSS 규칙 제한은 무엇입니까?

Internet Explorer의 CSS 제한: 메가바이트 및 레이어의 문제

개발자로서 우리는 종종 도구의 제한으로 인해 제약을 받습니다. 한때 웹 브라우저 시장을 지배했던 Internet Explorer는 기발함과 한계로 오랫동안 알려져 왔으며 CSS 규칙도 예외는 아닙니다.

가장 악명 높은 Internet Explorer CSS 제한 중 하나는 숫자와 관련이 있습니다. 단일 웹페이지에 로드할 수 있는 CSS 규칙입니다. IE9 이전에는 사용된 스타일 시트 수에 관계없이 이 제한은 단지 4095개 규칙이었습니다. 그러나 IE9 이상에서는 상당한 개선이 이루어졌으며 훨씬 더 많은 규칙이 허용되었습니다.

IE9에서는 단일 스타일 시트에 최대 4095개의 선택기가 포함될 수 있고 @import 규칙은 최대 4단계까지 중첩될 수 있습니다. 이렇게 하면 페이지당 총 4095 * 4 = 16380개의 규칙을 효과적으로 허용할 수 있습니다.

IE10이 출시되면서 CSS 규칙 제한은 스타일 시트당 선택기 65534개와 @import 중첩 레벨 4095개로 더욱 확장되었습니다. 이는 페이지당 무려 4095 * 4095 = 16,777,215개의 규칙에 해당합니다.

이러한 제한은 대부분의 웹 개발 시나리오에 적절해 보이지만 각 스타일 시트에 개별적으로 적용된다는 점은 주목할 가치가 있습니다. 따라서 단일 웹페이지에 여러 개의 스타일 시트가 연결되어 있는 경우 각 스타일 시트에는 고유한 제한 세트가 있습니다.

요약:

• IE9: 스타일 시트당 최대 4095개의 규칙, 스타일 시트당 31개의 @import 규칙, 4가지 @import 중첩 수준, 스타일 시트당 16380개의 규칙 페이지.
• IE10: 스타일 시트당 최대 65534개의 규칙, 스타일 시트당 4095개의 @import 규칙, 4095개의 @import 중첩 레벨, 페이지당 16,777,215개의 규칙.

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