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

Question

如何正确实现以下语法？

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

lessc 表明有一个SyntaxError: expected ']' got '@'

Answer 1

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

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