sass - SASS 可以合并属性吗？

Question

也许一个更好的问题是，有没有更有效的方法来覆盖混合的一部分？

这段 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：

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

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