Sass和SCSS有什么区别？

Sass和SCSS其实是同一种东西，我们平时称之为Sass，两者之间不同之处有以下两点：

1. 文件扩展名不同，Sass是以“.sass”后缀为扩展名，而SCSS是以“.scss”后缀为扩展名
2. 语法书写方式不同，Sass是以严格的缩进式语法规则来书写，不带大括号（{}）和分号（;），而SCSS的语法书写和我们的CSS语法书写方法非常类似。

Sass语法

$font-stack:Helvetica,sans-serif //定义变量
$primary-color:#eee  //定义变量

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

SCSS语法

$font-stack:Helvetica,sans-serif //定义变量
$primary-color:#eee  //定义变量

html {
  font:100% $font-stack
  color:$primary-color
}
  

两者的编译结果是一样的，但是SCSS更加符合我们平时的写法