有没有一种方法可以使用sass或其他css模板语言进行模式匹配？

我想用CSS显示一张扑克牌的图像。但如果有一种模板语言可以建立如下风格，那就太好了：

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

---

有这样的东西吗？

我很想有这样的东西，但是在我不得不做模拟任务的地方，我不得不依靠服务器端来编写

背景图像作为内联样式，或者使用JS来完成（例如，如果我通过AJAX加载数据）。
我不知道是否有任何CSS技术可以为您做到这一点。虽然这并不理想，但您可以使用jQuery来实现这一点：

我将首先为每个卡片“cards”分配一个公共类，然后使用jQuery迭代每个项目，为元素分配适当的CSS

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

这有帮助吗？如果有一个解决方案可以让您通过循环一组固定的值来生成上述内容，您会满意吗？