Css selectors 如何在选择器中使用变量？

我有一个问题，在某些情况下变量设置不正确

@index: 10;
[data-grid*='cols-@{index}'] > * {
    background: red;
}

我使用一个值为10的变量

index

。我希望将

@{index}

替换为10，但事实并非如此。结果是

[datagrid*='cols-@{index}']

，我没有得到任何错误

---

也许我需要以某种方式逃避它？

您回答了自己的问题：您应该将整个选择器视为一个字符串。这似乎有效：

@index: 10;
(~"[data-grid*='cols-@{index}'] > *")
{
    background: green;
}

---

我刚刚发现这是可行的：（~“.myclass_@{index}”），我仍然认为这在我的情况下也是可能的。对于未来的访问者来说，所讨论的代码将在最新版本的Less编译器中编译得非常好。