Sass和SCSS有什么区别？

Sass和SCSS其实是同一种东西&＃xff0c;我们平时称之为Sass&＃xff0c;两者之间不同之处有以下两点&＃xff1a;

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

Sass语法

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

SCSS语法

$font-stack:Helvetica,sans-serif //定义变量
$primary-color:#eee //定义变量html {font:100% $font-stackcolor:$primary-color
}

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