css - css的变量类名

Question

我想要的很简单:

我希望能够使用类名，例如:class-5、class-8 等

在css(scss)中，一个变量应该能够获取数字:

.class-x{
    font-size: rem-calc(x);
}

这样的事情有可能吗(因为那太棒了)？

Answer 1

如果您的 x 数量有限，我是有可能的:

@for $i from 1 through 10 {
  .class-#{$i} {
    font-size: rem-calc($i);
  }
}