Sass動的クラスをターゲットにする関数

Question

すべての要素でほぼ同じですが、最後の部分を変更するだけで、どのように行うのかは分かりません。

クラスは以下のように、ユーザIDに基づいている：

<div class"user_143"></div> 
<div class"user_341"></div> 
............ 

Iが例えば10 + 1または+2など

の倍数で終わるすべてのクラスのスタイルを作成するすべての1でクラスandingを取得する 2人でそれらを得る別の

達成することは可能ですか？

Answer 1

一つの可能​​な解決策は、それがで終わるだけuserクラスだ場合、以下の場合には、それはuserで始まり、数

で終わるクラスですべての要素を対象に、属性セレクタを使用することです数は、第1のセレクタドロップ[class^="user"]

div[class^="user"][class$="1"] { 
 
    color: red; 
 
} 
 
div[class^="user"][class$="3"] { 
 
    color: blue; 
 
}

<div class="user_143">Number 3</div> 
 
<div class="user_341">Number 1</div>