真是的
我试过了
@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; }