Internet Explorer 的 CSS 规则限制是什么？它们如何应用？

探索 Internet Explorer 的 CSS 规则限制

简介

Internet Explorer 曾经是占主导地位的 Web 浏览器，因它的限制，包括对 CSS 规则施加的限制。了解这些限制对于 Web 开发人员确保跨浏览器兼容性至关重要。

每页或每文档规则限制？

一个常见的误解与4095 规则限制。一些消息来源表明此限制适用于整个文档，而另一些消息来源则声称它与单个样式表有关。

Microsoft 的答案

根据 Microsoft 的官方文档， Internet Explorer 中的规则限制遵循每页模型。这意味着：

• 每个单独的样式表最多可以包含 4095 个选择器 (IE9) 或 65534 个选择器 (IE10)。
• 一个样式表最多可以导入 31 个 (IE9) 或 4095 个选择器 (IE10)。 IE10) 其他样式表。
• 导入的样式表最多可以嵌套 4 层 (IE9) 或 4095 层 (IE10)。

按图纸限制测试 4095 规则

验证每个 -表规则限制，使用三个进行测试用例files:

• HTML: 链接到两个 CSS 文件的 HTML 文件。
• 1.css: 包含 4096 个选择器。
• 2.css:包含4095 个选择器。

在 Internet Explorer 中查看时，发现第一个 CSS 文件 (1.css) 中的最终选择器未应用，这确认了每个样式表的 4095 条规则限制。

结论

Internet Explorer 的 CSS 规则限制曾经是一个重大问题，在以后的版本中，随着多功能性的增加，这些问题已得到解决。开发人员应该了解当前的限制并相应地优化其样式表，以确保不同浏览器之间的兼容性。

以上是Internet Explorer 的 CSS 规则限制是什么？它们如何应用？的详细内容。更多信息请关注PHP中文网其他相关文章！