Sass是什麼

SASS是CSS3的一個擴充套件，增加了規則巢狀、變數、混合、選擇器繼承等等。通過使用命令列的工具或WEB框架外掛把它轉換成標準的、格式良好的CSS程式碼。

Scss是什麼

Scss是Sass的升級版，其語法完全相容 CSS3，並且繼承了 Sass 的強大功能。大部分擴充套件，例如變數、parent references 和 指令都是一致的；唯一不同的是，SCSS 需要使用分號和花括號而不是Sass那樣的換行和縮排。

Scss 與 Sass異同

Sass 和 Scss 其實就是同一種東西，我們平時都稱之為 Sass，兩者之間不同之處主要有以下兩點：

1.副檔名不同，Sass 是以“.sass”字尾為副檔名，而 Scss 是以“.scss”字尾為副檔名。

2.語法書寫方式不同，Sass 是以嚴格的縮排式語法規則來書寫，不帶大括號({})和分號(;)，而 Scss 的語法書寫和我們的CSS 語法書寫方式非常類似。

Scss、Sass、css程式碼對比：

Scss:

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

sass:

$font-stack:    Helvetica, sans-serif
$primary-color: #333

body
  font: 100% $font-stack
  color: $primary-color
 

css:

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}