使用 LESS mixin 添加供应商前缀

我收到此混合的语法错误：

.vendors(@statement){
  @statement;
  -moz-@statement;
  -webkit-@statement;
}

任何方法都可以做到这一点，或者混合变量必须位于 a 的右侧:?

从 Less v2 开始，你可以使用自动前缀插件 https://github.com/less/less-plugin-autoprefix为您的属性添加前缀，这似乎是一个更好的选择。 autoprefix 插件利用以下功能添加浏览器前缀自动前缀后处理器 https://github.com/ai/autoprefixer。对于客户端编译（在浏览器中），您可以使用-无前缀 https://github.com/LeaVerou/prefixfree.

正如@ScottS 已经提到的here https://stackoverflow.com/questions/14920935/less-css-escape-entire-css-rule-with-different-prefixes/14943680#14943680从 Less v1.6 开始，您可以在选择器中使用变量插值，这使您能够执行以下操作：

.prefix(@property, @value)
{
    -webkit-@{property}:@value;
    @{property}:@value;
}
selector {
    .prefix(property,value);
}

outputs:

selector {
  -webkit-property: value;
  property: value;
}

您还应该阅读：我是否使供应商前缀的 LESS 过于复杂化？ https://stackoverflow.com/questions/22873745/am-i-overcomplicating-my-less-for-vendor-prefixes/26737212