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為了除錯目的而印出訊息。
Sass 也針對 一般的 CSS at-rules 提供了一些特殊行為:它們可以包含 插值,並且可以嵌套在樣式規則中。 其中一些,例如 @media 和 @supports,也允許 SassScript 直接在規則本身中使用,無需插值。