SCSS 和 SASS 區別

SASS是最初定義的語法，一個主要的特徵是對縮排敏感。

不過很快，開發者決定採用一種叫做SCSS 的語法，弱化了SASS與CSS之間的語法區別。

SASS 程式碼如下:

[Scss] 純文字檢視 複製程式碼
#sidebar
  width: 30%
  background-color: #faa

而SCSS 使用更為接近CSS的語法格式:

[Scss] 純文字檢視 複製程式碼
#sidebar {
  width: 30%;
  background-color: #faa;
}

只要新增大括號和分號就可以轉換為SCSS。

同時SCSS 對空白符不敏感，上面的程式碼還可以修改為如下格式:

[Scss] 純文字檢視 複製程式碼
#sidebar {width: 30%; background-color: #faa}

特別說明:學習SCSS沒必要關注SASS語法，SCSS是SASS的擴充套件，學習SCSS能夠學習到一切最新的內容。