使用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/）做得非常好。