前缀器 mixin，用于向 CSS 属性添加供应商前缀

问：

为什么 Webkit 和 Moz 不包含在 css 文件的输出中？

SCSS 混合

@mixin prefixer($property, $value, $prefixes: ()) {
  @each $prefix in $prefixes {
    #{"-" + $prefix + "-" + $property}: $value;
  }
  #{$property}: $value;
}

包括

*{
   @include prefixer(box-sizing,border-box,("webkit","moz","o","ms"));
}

CSS 输出

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}