Internet Explorer 的 CSS 规则限制是什么以及 IE9 和 IE10 之间有何不同？

Internet Explorer 的 CSS 规则限制：揭开真相

Internet Explorer 对 CSS 规则的限制，特别是臭名昭著的“4095 规则”限制”一直是网络开发人员感到困惑的一个根源。不过，通过研究 Microsoft 的文档并进行实证测试，我们可以清楚地了解这些限制。

4095 规则：按表还是按文档？

4095 -规则限制是指单个样式表（或“表”）可以包含的规则数量。它不适用于 Web 文档中的规则总数。因此，可以链接到多个样式表，每个样式表包含少于 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中文网其他相关文章！