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

时间:2012-04-14 15:04:54

标签: less

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

更长的例子:

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

期望的输出:

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

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

感谢。

1 个答案:

答案 0 :(得分:9)

Variable Interpolation。即:

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

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

  

以下代码应该有效:

     

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

     

~删除引号。