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

Question

我遇到的问题是，在某些情况下，变量设置不正确。

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

我使用值为10的变量index。我希望将@{index}替换为10，但不会。结果是[data-grid*='cols-@{index}']，我没有收到任何错误。

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

Answer 1

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

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