Sass：定义一个 Mixin

@mixin 指令定义了 mixins。它用于选择性地在 mixin 的名称后包含变量和参数。

让我们举个例子来演示如何定义一个 mixin。在这里，我们使用一个名为 "simple.html" 的 HTML 文件，其中包含以下代码。

使用一个名为 "simple.scss" 的 SCSS 文件，其中包含以下代码

打开命令提示符并运行 watch 命令，告诉 SASS 监视文件并在 SASS 文件更改时更新 CSS。

sass --watch simple.scss:simple.css

执行以上命令后，它将自动创建一个名为 "simple.css" 的 CSS 文件，其中包含以下代码。

您可以查看自动创建的 CSS 文件。

输出

查看应用 CSS 后的输出。