LESS将变量混合到属性选择器表达式中的属性名称中

时间:2013-09-07 15:16:10

标签: css less

如何正确实现以下语法?

.jacket(@classname, @attrname, @value) {
    .class-prefix-@{classname}[some-prefix-@{attrname}~="@{value}"] {
        //                                 ^Error From Here
        // Attributes
    }
}

lessc显示有SyntaxError: expected ']' got '@'

1 个答案:

答案 0 :(得分:3)

实际上这似乎是一个错误,这种解决方法应该可以解决问题:

.jacket(@classname, @attrname, @value) {
    @attr: ~'some-prefix-@{attrname}';
    .class-prefix-@{classname}[@{attr}~="@{value}"] {
        // ...
    }
}