有一個劇烈的爭論關于?**Sass**?名字中的含義,并對此有充足的理由:Sass 意味著一個預處理器和它獨有的語法。這樣很不方便,不是嗎?
如你所知,Sass 最初定義的語法,其中決定性的特征是縮進敏感。很快,Sass 的維護者決定提供一個被稱為?**SCSS**(**Sassy CSS**)的語法以弱化 Sass 和 CSS 之間的差異。
從那時起,Sass(預處理器)開始提供兩種不同的語法:Sass(非全大寫,[please](http://sassnotsass.com/)),也被稱為**縮進語法**,和 SCSS。使用哪一種語法完全取決于你,兩者在功能上是完全等同的,只是在審美上有所偏頗。
Sass 的空白敏感語法通過縮進以擺脫大括號、分號和其他符號,從而實現了簡潔凝練的語法格式。與之相比,SCSS 則更容易學習,因為它只是在 CSS 上添加了一點點額外的功能。
我自己更喜歡 SCSS,因為它更接近 CSS 的原生面貌,對開發者來說具有友好性。因此,樣式指南全文將使用 SCSS 而不是 Sass 語法格式來演示。你可以通過左側的可選面板切換到 Sass 的縮進語法
### 擴展閱讀
* [What’s the difference between Sass and SCSS](http://www.sitepoint.com/whats-difference-sass-scss/)
- 關于作者
- 貢獻
- 關于Sass
- Ruby Sass Or LibSass
- Sass Or SCSS
- 其他預編譯器
- 簡介
- 為什么需要一個樣式指南
- 免責聲明
- 核心原則
- 語法格式
- 字符串
- 數字
- 顏色
- 列表
- Maps
- CSS規則集
- 聲明順序
- 選擇器嵌套
- 命名約定
- 常量
- 命名空間
- 注釋
- 標示注釋
- 文檔
- 結構
- 組件
- 7-1模式
- Shame文件
- 響應式設計和斷點
- 命名斷點
- 斷點管理器
- 媒體查詢用法
- 變量
- 作用域
- !default標識符
- !global標識符
- 多變量或maps
- 擴展
- 混合宏
- 基礎
- 參數列表
- 混合宏和瀏覽器前綴
- 條件語句
- 循環
- Each
- For
- While
- 警告和錯誤
- 警告
- 錯誤
- 工具
- Compass
- 柵格系統
- SCSS-Lint
- 總結概要