Question

我一直在使用sass（特别是scss bit）和我的电子表格，直到现在它一直很顺利。我使用了很多在所有浏览器中都没有完全实现的CSS3功能，我想我可以写一个在这个程度上做了一些事情的mixin：

@mixin multilang($what, $value) {
    $what: $value;
    -khtml-#{$what}: $value;
    -webkit-#{$what}: $value;
    -o-#{$what}: $value;
    -moz-#{$what}: $value;
}

并将其称为@include multilang(user-select, none);，但相反，我编译的CSS中充斥着诸如-khtml-none: none之类的内容。

现在，我想我在这里做错了，但我似乎无法弄清楚它是什么。我试着用引号括起来，使用命名参数等，但一切基本上都有同样的问题。

Answer 1

你需要包装你的第一个$这样的

@mixin multilang($what, $value) {
  #{$what}: $value;
  -khtml-#{$what}: $value;
  -webkit-#{$what}: $value;
  -o-#{$what}: $value;
  -moz-#{$what}: $value;
}

参数在SASS @mixin中无法正常工作

1 个答案: