不同版本的 Internet Explorer 中的 CSS 规则限制是什么？

Internet Explorer 的 CSS 限制：兆字节和层的问题

作为开发人员，我们经常受到工具的限制。 Internet Explorer 曾经是网络浏览器市场的主导力量，长期以来以其怪癖和限制而闻名，CSS 规则也不例外。

最臭名昭著的 Internet Explorer CSS 限制之一与数量有关可以加载到单个网页中的 CSS 规则。在 IE9 之前，无论使用多少样式表，此限制仅为 4095 条规则。然而，IE9 及更高版本带来了重大改进，允许更多的规则。

在 IE9 中，单个样式表最多可以包含 4095 个选择器，而 @import 规则最多可以嵌套四层深度。这实际上允许每页总共 4095 * 4 = 16380 条规则。

随着 IE10 的发布，CSS 规则限制进一步扩展到每个样式表 65534 个选择器和 4095 级 @import 嵌套。这意味着每页有 4095 * 4095 = 16,777,215 条规则。

虽然这些限制对于大多数 Web 开发场景来说似乎绰绰有余，但值得注意的是它们分别适用于每个样式表。因此，如果您有多个样式表链接到单个网页，则每个样式表都有自己的一组限制。

总结：

• IE9： 每个样式表最多 4095 个规则，每个样式表 31 个 @import 规则，4 层 @import 嵌套，每个 16380 个规则
• IE10：每个样式表最多 65534 个规则，每个样式表 4095 个 @import 规则，4095 级 @import 嵌套，每页 16,777,215 个规则。

以上是不同版本的 Internet Explorer 中的 CSS 规则限制是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！