使用Crunch进行少量字符串插值?

时间:2013-10-03 22:54:30

标签: css escaping less string-interpolation

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

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

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

  

无法识别的输入

还有另一种方法可以逃避这种情况或者进行编译吗?

1 个答案:

答案 0 :(得分:2)

不幸的是,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;
}