Sass 状态的SCSS插值

我希望能够为我的样式表创建10个类，而不必创建每个类，以防我决定随着时间的推移需要更多。我显然没有正确的答案，我需要一些帮助来说明我做错了什么

@mixin ladders($num) {
 @for $num from 1 to 10 {
  .ladder-#{$num} {
    border: 1px solid #000;
  }
 }
}

我查阅了参考资料，但仍然很难掌握将其全部放在一起的总体概念

---

谢谢您的帮助。

首先，您的mixin将始终生成9个类，因为您已经为

1到10（不包括10）硬编码了for循环。你需要这样写：

@mixin ladders($num) {
    @for $i from 1 through $num {
        .ladder-#{$i} {
            border: 1px solid #000;
        }
    }
}

然后，您只需要在某个地方调用它，如果您不希望它位于选择器内部，它不必位于选择器内部

@include ladders(5);

输出：

.ladder-1 {
  border: 1px solid black;
}

.ladder-2 {
  border: 1px solid black;
}

.ladder-3 {
  border: 1px solid black;
}

.ladder-4 {
  border: 1px solid black;
}

.ladder-5 {
  border: 1px solid black;
}

问题是什么？解析错误？错误是什么？输出不正确？你期望的产量是多少？没有输出？问题是我不确定如何调用它来输出我需要的10个类？