Sass 如何从主scss文件中分离ie黑客代码

我正在为我的项目使用sass和compass。然而，它为黑客提供了一个非常酷的混搭

例如：

.display { @include inline-block; }

将执行

.display {  display: -moz-inline-stack;
   display: inline-block; 
   vertical-align: middle;
   *vertical-align: auto;
   zoom: 1;
   *display: inline;
}

但是我想将所有ie黑客代码分离到不同的css文件中，比如

ie.css

，并希望它放在ie条件注释中，这样我的css文件就可以与w3c兼容

有没有办法克服这个问题。。任何帮助都将不胜感激。提前感谢。

只需创建两个“父”sass文件。e、 g.

screen.scss

和

ie.scss

将所有实际的SAS放入单独的“子”scss文件中。 然后在“父”文件中只有导入语句

例如：

SCREEN.SCSS

//Global
@import "vars";
@import "mixins";

//Base
@import "reset";
@import "base";
@import "layout";    

//MODULES
@import "modules/module_a";
@import "modules/module_b";

@import "vars";
@import "mixins";
@import "ie_hacks";

IE.SCSS

//Global
@import "vars";
@import "mixins";

//Base
@import "reset";
@import "base";
@import "layout";    

//MODULES
@import "modules/module_a";
@import "modules/module_b";

@import "vars";
@import "mixins";
@import "ie_hacks";

---

这使您可以像导入任何变量或mixin一样导入所有依赖于sass的“子”文件。它还允许您将所有ie内容保存在一个单独的css文件中

ie.scss

显然要比主

屏幕小得多。scss

记录在案，SASS的

@import

指令特别不将.css文件中的代码包含到SASS输出中。