Sass:包含一个 mixin

2025 年 3 月 17 日 | 阅读 1 分钟

@include 指令用于将 mixin 定义的样式包含到文档中。 采用 mixin 的名称,并传递可选参数。

让我们举个例子来演示如何在 SCSS 文件中包含一个 mixin。 在这里,我们采用一个名为 "simple.html" 的 HTML 文件,它具有以下代码。

取一个 SCSS 文件名为 "simple.scss",具有以下代码

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

sass --watch simple.scss:simple.css

Sass Includingamixin1

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

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

Sass Includingamixin2

输出

查看应用 CSS 后的输出。

Sass Includingamixin3
下一个主题SASS Mixin 参数