Sass 是一款強化 CSS 的輔助工具，它在 CSS 語法的基礎上增加了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、導入 (inline imports) 等高級功能，這些拓展令 CSS 更加強大與優雅。使用 Sass 以及 Sass 的樣式庫（如 Compass）有助于更好地組織管理樣式文件，以及更高效地開發項目。

1. 特色功能

完全兼容 CSS3 在 CSS 基礎上增加變量、嵌套 (nesting)、混合 (mixins) 等功能 通過函數進行顏色值與屬性值的運算 提供控制指令 (control directives)等高級功能 自定義輸出格式

文件后綴名稱：sass有兩種后綴名文件，一種后綴名為sass，不使用大括號和分號；另一種就是我們這里使用的scss文件，這種和我們平時寫的css文件格式差不多，使用大括號和分號。而本教程中所說的所有sass文件都指后綴名為scss的文件。在此也建議使用后綴名為scss的文件，以避免sass后綴名的嚴格格式要求報錯。

2. Sass、Less語法比較

2.1 Sass與Less不同之處

編譯環境不一樣——Sass基于Ruby等服務器端環境編譯,Less既可以支持服務器端編譯也可在客戶端（瀏覽器環境）編譯 變量符不一樣——Sass使用$符號聲明變量，Less使用@符號聲明變量 對于條件語句的支持不一樣——Sass支持復雜的條件語句（類似于if..else..），Less僅支持簡單的條件語句(類似于if()..) 作用域——Sass局部修改變量可影響全局變量，Less則只會在局部作用域生效。 引用外部CSS文件方式不同——Sass默認引入.sass或.scss文件時可忽略后綴，Less則需要通過關鍵字配置來控制引入文件如何處理。

2.2 Sass與Less相似的地方

混入(Mixins)——類似于函數或者宏，并且可以傳遞參數； 嵌套規則——class中嵌套class，從而減少重復的代碼； 運算——CSS中運用加減乘除計算各種數值以及字符串等； 顏色功能——可以通過內置函數編輯顏色； 命名空間(namespace)——分組樣式，從而可以被調用；
 

3. Sass語法主要功能介紹

3.1 CSS功能擴展

嵌套規則

Sass 允許將一套 CSS 樣式嵌套進另一套樣式中，內層的樣式將它外層的選擇器作為父選擇器，嵌套功能避免了重復輸入父選擇器，而且令復雜的 CSS 結構更易于管理，例如：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表