css - Internet Explorer的CSS规则限制

我已经阅读了有关Internet Explorer愚蠢的CSS限制的冲突信息。我(想我)理解，您只能有31个<style>和<link>标记(组合)，并且每张纸最多可以有31个@import -s(所以31 <link> -s，每个31 @import -s很好，尽管很疯狂)。

但是，4095规则不太清楚-是每个文档还是每张4095规则？例如，我可以将<link>编码为两个样式表，每个样式表具有4000条规则，并使其起作用，还是会突破限制？

第三方编辑2018

有关此msdn blog post stylesheet-limits-in-internet-explorer的详细信息。

最佳答案

从Microsoft引用以下内容:

Stylesheet Limits in Internet Explorer

KB - A webpage that uses CSS styles does not render correctly in Internet Explorer

IE9 的规则是:

一个工作表最多可以包含4095个选择器(Demo)

一张纸最多可以导入31张

@import嵌套最多支持4级深度

IE10 的规则是:

一个工作表最多可以包含65534个选择器

一张纸最多可以导入4095张

@import嵌套最多可支持4095个层次的

通过工作表限制测试4095规则

通过确认的方式，I've created a gist具有3个文件。一个HTML和两个CSS文件。

第一个文件包含4096个选择器，这意味着不会读取其最终选择器。

第二个文件(4095.css)少了一个选择器，可以读取并在IE中完美运行(即使它已经从上一个文件中读取了另外4095个选择器。)

关于css - Internet Explorer的CSS规则限制，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9906794/