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);
  }
}

Answer 2

您可以使用想要使用的数字数组，然后循环以构建每个索引的输出;

$numbers: 3, 5, 8, 9, 12, 15;
@each $i in $numbers {
  .class-#{$i} {
    font-size: rem-calc($i);
  }
}

<强> DEMO