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}"] {
        // ...
    }
}