Internet Explorer의 CSS 선택기 제한은 무엇이며 버전에 따라 어떻게 다릅니까?

Internet Explorer: CSS 제한 탐색

Internet Explorer에서는 CSS 사용에 일련의 제한을 적용합니다. 이러한 제한은 웹사이트 렌더링에 혼란과 중단을 초래할 수 있습니다.

4095 규칙 이해

가장 논란이 되는 제한 중 하나는 4095 규칙입니다. 이는 CSS 시트 또는 문서 내에서 허용되는 최대 선택기 수를 나타냅니다. 그러나 문제는 여전히 남아 있습니다. 이 제한은 시트 단위입니까, 아니면 문서 단위입니까?

Microsoft의 공식 지침에 따르면 4095 규칙은 문서 단위가 아닌 시트 단위로 적용됩니다. 즉, 각각 최대 4095개의 선택기를 포함하는 여러 CSS 시트에 연결할 수 있으며 모두 올바르게 작동합니다.

IE9 대 IE10

Internet Explorer는 다양한 버전으로 발전해 왔습니다. IE9의 경우:

• CSS 시트는 최대 4095개의 선택기를 포함할 수 있습니다.
• 시트는 최대 31개의 다른 시트를 가져올 수 있습니다.
• 가져오기 중첩은 최대 31개까지 지원됩니다. 4단계 깊이.

IE10 및 이후:

• 시트 하나에 최대 65534개의 선택기가 포함될 수 있습니다.
• 시트 하나는 최대 4095개의 다른 시트를 가져올 수 있습니다.
• 가져오기 중첩은 최대 4095개 수준까지 지원합니다. .

이러한 변경 사항은 웹사이트 개발에 더 큰 유연성을 제공하여 보다 복잡하고 포괄적인 CSS 사용을 위해

테스트 사례

시트별 제한을 확인하기 위해 CSS 파일 2개를 사용하여 테스트를 진행했습니다. 한 파일에는 4096개의 선택기가 포함되어 있고 다른 파일에는 4095개의 선택기가 포함되어 있습니다. HTML 문서는 두 파일 모두에 연결되어 있습니다.

결과에 따르면 첫 번째 파일은 최종 선택기를 로드하지 않은 반면 두 번째 파일은 Internet Explorer에서 로드되어 올바르게 작동하는 것으로 나타났습니다. 이는 4095 규칙이 시트당 적용된다는 것을 확인시켜 줍니다.

Internet Explorer에서 이러한 CSS 제한을 이해함으로써 웹 개발자는 코드를 최적화하고 잠재적인 렌더링 문제를 피할 수 있습니다.

위 내용은 Internet Explorer의 CSS 선택기 제한은 무엇이며 버전에 따라 어떻게 다릅니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!