SASS 传递内容块到mixin

内容块被传递到mixin，用于放置在样式中。 此功能在Sass 3.2版本中添加。 样式包含在 @content 指令位置的 mixin 中。

内容块在作用域中指定，并且该作用域传递到定义了块的mixin中。

让我们举个例子，看看如何在SCSS文件中将内容块传递给mixin。

创建一个名为“simple.html”的HTML文件，其中包含以下代码。

现在，创建一个名为“simple.scss”的SCSS文件，其中包含以下代码。

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

sass --watch simple.scss:simple.css

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

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

输出

查看应用 CSS 后的输出。