基于类名自动化CSS样式

我有很多行CSS，它们基本上根据类名反复做同样的事情：

.m45 {
    height: 90px;
}
.m50 {
    height: 100px;
}
.m55 {
    height: 110px;
}
.m60 {
...

---

是否有任何方法可以自动执行此操作，以便匹配

m

后跟任何数字

n

的类获得样式

高度：calc（2px*n）

？

不，CSS不能自动执行这样的增加；它不支持这样的函数。但是，您可以使用诸如Sass之类的CSS预处理器来编写较短的代码，以处理诸如@for循环之类的事情。Sass编译成更长的、普通的CSS。

如果这些是连续的，您可以始终使用类似于：nth-child（）的东西，但我不知道您要做什么。对于编译后的CSS，它是（使用Sass或更少）。如果你还没有试过，我强烈推荐。它在效率和可靠性上产生了巨大的差异，而不是CSS。您可以使用SASS或更少的mixin类型，但可以使用纯CSS。不。如果您正在考虑使用诸如Sass之类的预处理语言，请使用Sass查看这个答案：是的，完全可能：）。当然，您可以调整起始整数和结束整数以获得所需的范围。