與普通綴

Question

在SCSS嵌套屬性，與普通前綴特性可以描述爲嵌套屬性。因此，在example，

.funky{ 
    font: 2px/3px{ 
    family: fantasy; 
    size: 30em; 
    weight: bold; 
    } 
} 

被編譯爲：

.funky{ 
    font: 2px/3px; 
    font-family: fantasy; 
    font-size: 30em; 
    font-weight: bold; 
} 

我該怎麼做與普通貼上性質類似的事情？我怎樣才能編寫一個嵌套的屬性，將編譯爲：

.funky{ 
    color: red; 
    background-color: green; 
    border-color: blue; 
} 

Answer 1

薩斯沒有這樣的概念構造。你必須修補它或寫一個詳細的mixin做到這一點。

@mixin color($background: null, $border: null, $font: null) { 
    background-color: $background; 
    border-color: $border; 
    color: $font; 
} 

.foo { 
    @include color($background: green, $font: red); 
}