css - 有没有办法用 sass 或其他 css 模板语言进行模式匹配？

Question

我想用 CSS 显示扑克牌的图像。但是，如果有一种模板语言可以设置如下样式，那就太好了:

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

有这样的东西吗？

Answer 1

我希望它存在，但是在我不得不做类似任务的地方，我不得不依赖服务器端将 background-image 编写为内联样式或使用JS 来执行此操作(例如，如果我通过 AJAX 加载数据)。