如何在CSS中使用循环！

各位创作者们，大家好！

不到一分钟，即可学会如何在 SASS 预处理器的帮助下在 CSS 中使用循环！

如果您想观看视频版本，请点击这里：

1. HTML 结构。

首先在 VS Code 中安装实时 Sass 编译器扩展，或者通过 npm 全局下载以使用其脚本。
然后使用 Emmet 快捷键创建一百个段落：

p.t${Hello World}*100

2. 创建一个 SCSS 文件。

创建一个 SCSS 文件，并将以下代码复制粘贴到该文件中：

@for $i from 1 through 100 {
    .t#{$i}{
    font-size: $i * 1px;
    }
}

然后按 F1 键，找到“Live Sass: Watch Sass”（如果您使用的是 Live Sass 编译器扩展）。
点击它，它会创建一个 style.css 文件，其中包含每个段落的不同字体大小，字体大小依次增大。

查看您的应用程序，您会发现每个段落的字体都会从小字体逐渐变大！

欢迎访问我的YouTube 频道：https://www.youtube.com/c/TheWebSchool

再见！

恩佐。