less - 在 LESS 的选择器中使用变量

Question

我有一个变量 @index我想输出一个选择器，以便当 @index是 3 , 选择器是 [data-sth="3"] .

更长的例子:

@index: 3;
/* selector here */ {
    color: red;
}

期望的输出:

[data-sth="3"] {
    color: red;
}

我已经尝试了一些东西，但还没有设法得到任何有效的东西。

谢谢。

Answer 1

见 Variable Interpolation . IE。:

[data-sth="@{index}"] {
    color: red;
}

原始答案(1.40 之前的较少版本):

The following code should work:

(~'[data-sth="@{index}"]') {
color: red;
}

The ~ removes the quotation marks.