如何在選擇器中使用變量？

Question

我有一個問題，在某些情況下，變量設置不正確。

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

我用一個變量index與10的值我期望@{index}與10所取代，但它沒有。結果是[data-grid*='cols-@{index}']，我沒有得到任何錯誤。

也許我需要以某種方式逃避它？

Answer 1

您回答了您自己的問題：您應該將整個選擇器視爲一個字符串。這似乎工作：

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