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; 
    } 
}