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

【问题标题】：How to install compass code to split style sheets for IE selector limit如何安装指南针代码以拆分 IE 选择器限制的样式表
【发布时间】：2017-01-18 00:16:07
【问题描述】：

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

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

非常感谢！

【问题讨论】：

我发现这项技术对我有用！ [stackoverflow.com/questions/12066206/…[1]：stackoverflow.com/questions/12066206/…
谢谢麦克，我会试一试并报告
感谢@Mack，您的解决方案对我有用，让我走上了正轨。我终于更喜欢使用对我来说看起来更干净的 require 解决方案。

标签： css internet-explorer-8 compass-sass

【解决方案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/ 文件夹中手动删除它们。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

使用 css_splitter，您只需为 IE9 及更低版本加载第二个文件，因此对于所有其他浏览器，您仍然可以拥有一个样式表。例如：