Internet Explorer 对 CSS 样式表的使用有着严格的限制。解开这些限制可能会让人感到沮丧,但通过深入研究 Microsoft 的指南,我们可以阐明这些限制。
IE 总共允许 31 个 < ;风格>和标签。每张表进一步限制为 31 个 @import 语句。这意味着理论上您可以拥有 31 个 标签,每个标签导入 31 个外部样式表。
4095 规则是指每个 CSS 表允许的选择器数量。在 IE9 中,单个工作表最多可以包含 4095 个选择器。在 IE10 中,此限制已显着增加到 65534 个选择器。
IE 对 @import 嵌套的深度有限制。在 IE9 中,最多支持 4 层嵌套,而在 IE10 中,嵌套最多可以达到 4095 层。
与错误信息相反,IE 允许您加载选择器限制内的多个样式表。例如,您可以链接到两个样式表,每个样式表包含 4000 条规则,且不超过限制。
为了按表确认选择器限制,创建了一个测试要点。第一个 CSS 文件达到了 4096 个选择器限制,最终选择器被忽略。然而,尽管浏览器已经处理了第一个文件中的 4095 个选择器,但第二个包含 4095 个选择器的文件在 IE 中成功加载并正确呈现。
通过了解这些限制并利用测试要点来验证它们,Web 开发人员可以有效地驾驭 Internet Explorer CSS 规则的怪癖。
以上是Internet Explorer 中真正的 CSS 限制是什么?的详细内容。更多信息请关注PHP中文网其他相关文章!