Sass函數來定位動態類

Question

我有一個針對sass中的類的問題，它在所有元素中幾乎相同，但只是改變了最後一部分，我不確定如何去做。

類是基於用戶ID象下面這樣：

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

我想創建爲在10 + 1或2等

例如所有的倍數結束所有類別的樣式類和在1得到一個backgound-color所有在2得到不同backgound-color

是否有可能實現？

Answer 1

一種可能的解決方案是如果它是僅user類，結尾使用的屬性選擇器，其中，在以下情況下，它的目標是所有元素有與user啓動類和結束與一個數

一個數，丟棄第一選擇[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>