Sass（Syntactically Awesome Style Sheets）是CSS的一種擴展，它引入了許多新的概念和語法，使得CSS的書寫更加優雅和易于維護。

// 以下是一段Sass代碼示例
$primary-color: #007bff; // 定義變量
$font-size-large: 2rem;
h1 {
font-size: $font-size-large;
color: $primary-color;
}
p {
font-size: 1rem;
color: $primary-color;
margin-bottom: 1rem;
&.large { // 嵌套選擇器
font-size: $font-size-large;
}
}

Sass主要有以下幾個特點：

• 變量：可以定義變量來存儲顏色、字體大小等常用的屬性值，方便統一管理和修改。
• 嵌套：可以嵌套選擇器來使代碼更加清晰簡潔。
• 運算：可以對屬性值進行加、減、乘、除等運算。
• 函數：內置了許多函數，用于處理顏色、字體等相關計算。
• 繼承和占位符：可以通過繼承和占位符來減少代碼的重復。

Sass的語法類似于Ruby，需要通過編譯器將Sass代碼編譯成純CSS代碼才能在瀏覽器中使用，常見的編譯器包括Sass、Compass、Less等。