标签 less
<分区>
使用 SASS，我已经能够编写使用插值创建基于变量的混合的代码:
@mixin browserPrefix($property, $value)
-webkit-#{$property}: $value
-moz-#{$property}: $value
-ms-#{$property}: $value
-o-#{$property}: $value
#{$property}: $value
这非常灵活，因为我可以简单地编写 @include browserPrefix($property: border-radius, $value: 3px) 并在编译时获取所有浏览器前缀。这包括允许多种不同的用途。
有没有办法用 LESS 做到这一点？我试过使用 @{property} 作为替代品，但它似乎不起作用。任何建议请让我知道，这对 LESS 来说是全新的。
最佳答案
简单的回答是还没有。
但似乎很快(可能在下一个 LESS 版本中)。请参阅此线程 https://github.com/less/less.js/issues/36 看起来 @seven-phases-max 目前正在处理它 ( see here )
所以再多一点耐心 =)
我刚才在这里发布了一个可能的解决方法:
从 LESS 1.6 ( changelog ) 开始，属性名称插值是可能的。
你的 mixin 在 LESS 中看起来像这样:
.browserPrefix(@property; @value){
-webkit-@{property}: @value;
-moz-@{property}: @value;
-ms-@{property}: @value;
-o-@{property}: @value;
@{property}: @value;
}
关于less - 你可以使用变量作为 LESS 的 CSS 属性和值吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19623637/