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

Question

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

引用:https://gist.github.com/1131536

非常感谢!

Answer 1

在 config.rb 文件旁边创建 css_spliter.rb 文件(如 in your Ref 所述)，在你的 sass 元素的根目录下。

在您的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/ 文件夹中手动删除它们。