css-selectors - セレクタ内で変数を使用するにはどうすればよいですか?

Question

場合によっては変数が正しく設定されていないという問題があります。

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

値が 10の変数を使用しています。 が 10 に置き換えられるindexことを期待し@{index}ていますが、そうではありません。その結果[data-grid*='cols-@{index}']、エラーは発生しません。

多分私は何とかそれを逃れる必要がありますか？

Answer 1

あなたは一種のあなた自身の質問に答えました：あなたはセレクター全体を文字列として扱うべきです。これはうまくいくようです：

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