css - 使用 Crunch 进行 LESS 字符串插值？

Question

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

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

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

Unrecognized Input

还有其他方法可以逃避或编译吗？

Answer 1

不幸的是 less 不支持属性名称插值，但是 this answer has a great hack for doing it anyway.但它会导致一堆虚拟的、无用的规则。所以你最终得到这样的东西:

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