概述 Overview

Sass 的许多额外功能都以添加到 CSS 之上的新at-rules的形式出现:

Sass 的许多额外功能都以添加到 CSS 之上的新 at-rules 的形式出现:

  • @use 从其他 Sass 样式表加载混合、函数和变量,并将来自多个样式表的 CSS 组合在一起。
  • @forward 加载 Sass 样式表,并在您的样式表使用 @use 规则加载时使其混合、函数和变量可用。
  • @import 扩展 CSS @ 规则以从其他样式表加载样式、混合、函数和变量。
  • @mixin and @include 使重用大量样式变得容易。
  • @function 定义可在 SassScript 表达式 中使用的自定义函数。
  • @extend 允许选择器相互继承样式。
  • @at-root 将样式放在 CSS 文档的根目录中。
  • @error 导致编译失败并显示错误消息。
  • @warn 在不完全停止编译的情况下打印警告。
  • @debug 打印一条消息用于调试目的。
  • 流量控制规则,如 @if, @each, @ for, and @while 控制方式是不发出或发出多少次。

Sass 也有一些针对 plain CSS at-rules 的特殊行为:它们可以包含 interpolation,并且可以嵌套在样式规则中 . 其中一些,例如 @media@supports,也允许 SassScript 直接在规则本身中使用,无需插值。