css - 如何安装指南针代码以拆分 IE 选择器限制的样式表

Question

IE 8 及更低版本对单个样式表中允许的选择器数量有限制，一旦达到限制，就需要拆分样式表。显然有人在 Compass 中通过创建一种让 Compass 自动执行此操作的方法来解决此问题，并为此创建了一个要点。但是，我不具备知道下一步是什么的技能，并且关于如何处理此代码的文档几乎没有。任何人都可以帮助如何将其集成到我的 Compass 安装中吗？

参考：https ://gist.github.com/1131536

非常感谢！

Answer 1

值得一提的是，有一个名为Bless的 Node.js 应用程序将为您提供此功能。它可以在服务器端或本地机器上运行。

如果你碰巧使用CodeKit来编译你的 Sass/Compass 文件，它已经内置了，你只需要在项目设置中启用它。

Answer 2

在 sass 项目的根目录下的config.rb文件旁边创建css_spliter.rb文件（如Ref中所述）。

在config.rb文件的开头添加以下行

require 'css_splitter'

并在末尾添加以下 3 行（的config.rb）

on_stylesheet_saved do |path|
  CssSplitter.split(path) unless path[/\d+$/]
end 

然后compass compile像往常一样运行。您不会看到文件*myFile_2.css*，*myFile_3.css*，... 出现在日志中，但它们在您的 css 文件夹中创建得很好。该命令compass clean也不会删除它们，您必须从您的css/文件夹中手动删除它们。

Answer 3

我认为 css_splitter 解决方案忘记从第一个文件中删除代码。现在我有 2 个文件，第一个是我所有的 css，第二个生成的文件有原始文件的第二半。所以我的 CSS 数量是以前的 150%……不过我确实在 IE 中解决了我的问题 :)