css - 用 Crunch 减少字符串插值？

Question

在 LESS 中阅读了一些关于字符串插值的文章，我尝试了以下方法，但这对我不起作用：

.wk (@property, @data) {
                 @property: @data;
    ~"-webkit-@{property}": @data;
}

如果我尝试使用 Crunch 编译它，我会收到一个错误：

无法识别的输入

有没有另一种方法来逃避这个或得到这个编译？

Answer 1

不幸的是，less 不支持属性名称插值，但无论如何，这个答案都有一个很好的技巧。但它会导致一堆虚假的、无用的规则。所以你最终会得到这样的结果：

#usage {
  _: 0 ; -webkit-border-radius: 3px;
  _: 0 ; -moz-border-radius: 3px;
  _: 0 ; border-radius: 3px;
}