SASS可以合併屬性嗎？

Question

也許更好的問題是，是否有一個更有效的方法來覆蓋部分mixin？

這片SCSS的：

@mixin button { 
    .button { 
    background-color: red; 
    color: white; 
    } 
} 

.container { 
    @include button; 
    .button { 
    background-color: green; 
    } 
} 

編譯爲：

.container .button { 
    background-color: red; 
    color: white; 
} 
.container .button { 
    background-color: green; 
} 

我希望它可以編譯爲：

.container .button { 
    background-color: green; 
    color: white; 
} 

Answer 1

傳遞參數插入混入代替：

@mixin button($color: red) { 
    background-color: $color; 
    color: white; 
} 

.container { 
    .button { 
    @include button(green); 
    } 
}