Sass 以值作为输入的SCSS类名

我正在尝试创建一个css类，该类可以使用数字作为与该类关联的样式的输入。例如：

.font-<size> {
  font-size: <size>px;
}

这将允许我通过class.font-28访问字体大小2到60。

您需要一个mixin。

然后你就可以在你的课堂上加入这种混合

.font-class {
  @include size-mixin(10px);
}

上面的SCSS代码编译为CSS代码，如下所示：

.font-10 {
  font-size: 10px; }

---

兄弟。。为什么要这样做-1是的，但是可以使用实际的类名将10px输入到mixin中吗？看起来这就像@bass jobsen的答案一样是硬编码的，你想做什么？sass的工作原理是为您生成css，但不会动态处理css，因此如果您有一个名为font size-{number}的类，它将读取该数字并生成所需的样式。您可以利用mixin创建具有不同属性的各种类，而无需在所有数据中重新键入，但我认为您无法完成希望完成的任务。啊，没错，这是真的。所以这是不可能做到的。谢谢这并没有回答我的问题。我不想设置$number，我想从我的标记中传递这个…我不理解你的问题。SCS预编译成静态CSS代码，对HTML一无所知

.font-class {
  @include size-mixin(10px);
}

$number: 10;

.font-#{$number} {
  font-size: #{$number}px;
}

.font-10 {
  font-size: 10px; }