sass - 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 中:

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

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