less - 使用 LESS mixin 添加供应商前缀

Question

我收到此混音的语法错误:

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

有什么方法可以做到这一点，或者 mixin 变量是否必须位于 : 的右侧？

Answer 1

从 Less v2 开始，您可以使用 autoprefix plugin为您的属性添加前缀，这似乎是更好的选择。 autoprefix 插件利用 autoprefixer postprocessor 添加浏览器前缀.对于客户端编译(在浏览器中)，您可以使用 -prefixfree .

@ScottS 已经提到 here从 Less v1.6 开始，您可以在选择器中使用变量插值，这使您能够:

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

输出:

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

您还应该阅读:Am I overcomplicating my LESS for vendor prefixes?