有沒有辦法與sass或其他CSS模板語言進行模式匹配？

Question

我想用CSS顯示一張紙牌的圖像。但是，如果有一種模板語言可以設置如下樣式，那將會很棒：

.playing-card-(.*) { 
    width: 30px 
    height: 40px 
    background-image: "/images/cards/$1.gif" 
} 

這樣的事情是否存在？

Answer 1

我很喜歡這樣的存在，但是我不得不依靠服務器端來編寫background-image作爲內聯樣式或使用JS來完成它（例如，如果我通過AJAX加載數據）。

Answer 2

我不知道是否有任何CSS技術可以爲您做到這一點。雖然這並不理想，但您可以使用jQuery來實現：

我會先爲每張卡片分配一個通用類，然後使用jQuery遍歷每個項目，並將相應的CSS分配給該元素。

$('.cards').each(function(index,element) { 
    $(element).css('background-image','url(images/cards/'+index+'.gif)'); 
});