今天发现在一个css文件里面使用 @import url(xxx.css); 有最大次数的限制,经测试IE6的最大次数是31次,第32个import及以后的都不能生效,如下:
[css]@import url(1.css);
@import url(2.css);
@import url(3.css);
@import url(4.css);
@import url(5.css);
@import url(6.css);
@import url(7.css);
@import url(8.css);
@import url(9.css);
@import url(10.css);
@import url(11.css);
@import url(12.css);
@import url(13.css);
@import url(14.css);
@import url(15.css);
@import url(16.css);
@import url(17.css);
@import url(18.css);
@import url(19.css);
@import url(20.css);
@import url(21.css);
@import url(22.css);
@import url(23.css);
@import url(24.css);
@import url(25.css);
@import url(26.css);
@import url(27.css);
@import url(28.css);
@import url(29.css);
@import url(30.css);
@import url(31.css);
@import url(32.css);
◎import url(xx.css);

body{color:#333}
[/css]

虽然最多只能import 31次,但不会影响css里面的其他规则,如body{}的定义还能正常显示。
Firefox 没有发现有import的最大值。

另外,既然横向import有最大次数限制,却可以通过垂直import来继续扩展。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-13
  • 2022-12-23
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
  • 2021-11-22
猜你喜欢
  • 2021-08-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-13
  • 2021-12-09
  • 2022-12-23
相关资源
相似解决方案