真是的
我试过了

@mixin prefix($property, $value){

    #{$property}: -webkit-#{$value};
    #{$property}:  -moz-#{$value};
    #{$property}: #{$value};
}


但是我在使用这个@include prefix(display, border-box)时得到了这个

  display: -webkit- border-box;
  display: -moz- border-box;
  display: border-box;


前缀和css值之间有烦人的空间。如何摆脱它?
提前thnx!

最佳答案

使用您的代码,只是将后缀替换为前缀,对我来说很好。这是我固定在Sass Try Online generator中的文本字符串。

@mixin prefix($property, $value){

    #{$property}: -webkit-#{$value};
    #{$property}:  -moz-#{$value};
    #{$property}: #{$value};
}

h2 {
    @include prefix(display, border-box)
}


输出看起来像下面的代码:

h2 {
  display: -webkit-border-box;
  display: -moz-border-box;
  display: border-box; }

10-05 20:41
查看更多