使用 Sass 合并属性值

Question

当我使用Less时，我可以通过merge feature合并一些css属性：

减：

.mixin() {
  box-shadow+: inset 0 0 10px #555;
}
.myclass {
  .mixin();
  box-shadow+: 0 0 20px black;
}

到css：

.myclass {
  box-shadow: inset 0 0 10px #555, 0 0 20px black;
}

有没有办法用 Sass 做到这一点？

Answer 1

您可以使用@extend (http://sass-lang.com/guide#topic-7) 来合并属性，或者（我建议）使用 CSS 缩小器来这样做。 clean-css (https://github.com/jakubpawlowicz/clean-css) 或 cssnano (http://cssnano.co/) 做得非常好。