At-規則

Sass 的許多額外功能都以新增在 CSS 之上的 at-規則 形式出現。

  • @use 從其他 Sass 樣式表載入 mixin、函式和變數,並將多個樣式表的 CSS 組合在一起。

  • @forward 載入 Sass 樣式表,並在使用 @use 規則載入樣式表時,使其 mixin、函式和變數可用。

  • @import 擴展 CSS at-規則,以從其他樣式表載入樣式、mixin、函式和變數。

  • @mixin@include 讓重複使用程式碼區塊變得更容易。

  • @function 定義可在 SassScript 運算式 中使用的自訂函式。

  • @extend 允許選擇器繼承彼此的樣式。

  • @at-root 將其中的樣式置於 CSS 文件的根層級。

  • @error 導致編譯失敗並顯示錯誤訊息。

  • @warn 印出警告但不停止編譯。

  • @debug 為了除錯目的而印出訊息。

  • 流程控制規則,例如 @if@each@for@while,控制樣式是否輸出以及輸出的次數。

Sass 也針對 一般的 CSS at-rules 提供了一些特殊行為:它們可以包含 插值,並且可以嵌套在樣式規則中。 其中一些,例如 @media@supports,也允許 SassScript 直接在規則本身中使用,無需插值。