1.语法格式

sass

Sass 语法格式，即缩进格式 (Indented Sass)，⼀般简称为 "Sass"，是⼀种简化格式。这种语法的特

点是使⽤ “缩进” 代替 “花括号” 表示属性属于某个选择器，⽤ “换⾏” 代替 “分号” 分隔属性，很多

⼈认为这样做⽐ SCSS 更容易阅读，书写也更快速。缩进格式也可以使⽤ Sass 的全部功能，只是与

SCSS 相⽐个别地⽅采取了不同的表达⽅式，具体请查看 the indented syntax reference。这种格式

以 .sass 作为扩展名。

这种语法格式是仅在 CSS3 语法的基础上进⾏拓展的，所有 CSS3 语法

在 SCSS 中都是通⽤的，同时加⼊ Sass 的特⾊功能。这种格式以 .scss

作为扩展名。

a.npm安装

npm install sass

b.style中配置

<style lang='scss' scoped></style>

a.嵌套规则：Sass 允许我们将⼀套 CSS 样式嵌套进另⼀套样式中，那么内层的样式就会将它外层的选择器作为⽗选

择器

b.父选择器，可以⽤ &代表嵌套规则外层的⽗选择器