sass mixin无法正常工作

Question

我正在尝试编译以下SCSS代码

//SCSS Code
@mixin box-shadow($shadows) {
   -moz-box-shadow: $shadows;
   -webkit-box-shadow: $shadows;
   box-shadow: $shadows;
}

.shadows {
   @include box-shadow(0px 4px 5px #666);
}

但是编译的CSS没有显示供应商前缀属性。我正在使用SassMeister来编译此代码。

//Compiled CSS
.shadows {
  box-shadow: 0px 4px 5px #666;
}

Answer 1

它“无效”，因为您已启用autoprefixer选项（options - autoprefixer）。如果关闭则关闭，您将看到带有前缀的样式。

注意：autoprefixer会自动为您添加这些前缀。而且，正如@rrd指出的那样，现在不需要box-shadow的前缀。

Answer 2

我认为你会发现Hugo Giraudel's article有用。这样您就可以确保获得所需的供应商前缀。但另一方面，我认为你现在不需要特定于盒子阴影供应商的前缀。