Css 使用Sass从类中获取编号

类名为“class-name-X”（其中X可能是0到9之间的数字），我想为所有这些类创建一个特定的类，如：

.class-name-{X} {
  height: {X} + 'px';
}

可能吗？我知道使用数组很简单，但它是从JS到HTML的，所以在CSS上我只得到类名

您可以使用该指令迭代数字（在您的用例中是0到9），并使用该指令将当前索引作为类名的一部分注入，还可以将其注入到

width

属性：

$start: 0;
$end: 9;

@for $i from $start through $end {
  .class-name--#{$i} {
    width: #{$i}px;
  }
}

---

请记住，SASS是一种预编译语言，因此您需要编译它，然后将生成的CSS用于页面；）

帮助我们多一点-确认您的代码块在scss中，并且您希望sass编译器在css文件中生成10个不同的类。也许这个问题可以帮助您复制我的scss上根本没有代码。一切都是由JS和HTML完成的。第一个链接使用数组。我知道这一点，但正如我所评论的，我已经有了数组，html已经有了所有的变量。第二个链接是用不同块上的颜色重复变量，这不是我想要的。我只要一个街区