Compass/Sass 自动生成 IE css 文件

Question

有没有办法像下面的示例那样自动生成 IE 特定文件？

   /* content.scss */
.box {
    color:red;
    .ie7 & {
        color:green;
    }
}

这会生成两个文件：

/* content.css */
.box {
  color: red;
}


/* ie7.css */
.ie7 .box {
  color: green;
}

Answer 1

您必须设置 2 个不同的 Sass 文件，但您可以使用自定义 mixin 来完成：

http://jakearchibald.github.com/sass-ie/

$old-ie: false !default;

@mixin old-ie {
    // Only use this content if we're dealing with old IE
    @if $old-ie {
        @content;
    }
}

.test {

    float: left;
    width: 70%;

    @include old-ie {
        // These hacks won't appear in the normal stylesheet
        display: inline;
        zoom: 1;
        whatever-ie-needs: le-sigh;
    }
}