基于类名自动化CSS样式

Question

我有很多CSS系列基本上根据类名反复做同样的事情：

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

是否有任何方法可以自动执行此操作，以便匹配m后跟任意数字n的类获得样式height: calc(2px * n)？

Answer 1

不，CSS不能像这样自动增加;它不支持这样的功能。但是，您可以使用像Sass这样的CSS预处理器来编写更短的代码，这些代码可以处理像@for循环这样的事情。 Sass 编译成更长，更普通的CSS。