在SCSS(SASS)中通过for循环(001~100)将类名的数量计数到3位

在 SCSS 中，你可以使用 @for 循环来实现从 001 到 100 的类名计数，并将计数结果转换为三位数字。以下是一个示例：

@for $i from 1 through 100 {
 .item-#{$i} {
    width: ($i * 10)px;
  }
}

在上述示例中，我们使用 @for 循环从 1 迭代到 100。在每次迭代中，我们使用 #{$i} 来插入当前的迭代值，并将其作为类名的一部分。然后，我们可以为每个类名设置不同的样式，例如宽度。

这样，你将得到从 .item-001 到 .item-100 的 100 个类名，每个类名都具有不同的宽度。

请注意，SCSS 是 Sass 的预处理器，它提供了一些扩展和改进，使得编写 CSS 更加方便和高效。如果你使用的是 Sass 而不是 SCSS，语法可能会略有不同，但基本原理是相同的。

希望这个示例对你有帮助。如果你有任何其他问题，请随时提问。