SASS中两个mixins之间的差异

Question

Mixin 1

$prefixes: ("-webkit-","-moz-", "-o-", "-ms-", "");

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

Mixin 2

// Vendor prefix
@mixin prefix($property, $value) {
  -webkit-#{$property}: $value;
  -moz-#{$property}: $value;
  -ms-#{$property}: $value;
  -o-#{$property}: $value;
  #{$property}: $value;
}

任何人都可以告诉我mixin 2中的错误。 mixin 1效果很好，但似乎mixin 2有问题。两者都是一样的。

Answer 1

您可以尝试：

   @mixin prefix($property, $value) {
      -webkit-#{$property}: #{$value};
      -moz-#{$property}: #{$value};
      -ms-#{$property}: #{$value};
      -o-#{$property}: #{$value};
      #{$property}: #{$value};
    }

希望我能帮忙