SCSS mixin用于供应商特定属性

Question

我正在编写一个mixin来处理供应商特定的属性，但是我希望能够指定我想要支持哪些供应商。

我试过......

@mixin vendor($attribute, $value, $vendors: (moz, ms, webkit)) {
    @each $vendor in $vendors {
        #{-$vendor -$attribute}: $value;
    }
    #{$attribute}: $value;
}

恢复CSS ......

-moz-border-radius: 12px;
-moz-border-radius: 12px;
-moz-border-radius: 12px;

我也试过......

@mixin vendor($attribute, $value, $vendors: (moz, ms, webkit)) {
    @each $vendor in $vendors {
        #{$vendor -$attribute}: $value;
    }
    #{$attribute}: $value;
}

结果CSS ......

moz-border-radius: 12px;
ms-border-radius: 12px;
webkit-border-radius: 12px;

我做错了什么？

Answer 1

我更新了你的第二次尝试：

-

所以我在#{$vendor -$attribute}之前添加了{{1}}。