SCSS

SCSS是一门很好用的类CSS,在平时的工作中几乎都不用CSS,而是使用类CSS语言，Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名，Sass 是以严格的缩进式语法规则来书写，不带大括号( { } )和分号( ; )，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似

---

基本语法

声明变量符$

具体形式：$width :300px

声明变量后，就可以在后续直接进行调用width : $width;

默认变量 !default：如果分配给变量的值后面添加了 !default 标志 ，这意味着该变量如果已经赋值，那么它不会被重新赋值，但是，如果它尚未赋值，那么它会被赋予新的给定值

局部变量和全局变量：在最外层声明的变量为全局变量，在某个具体的标签内声明的变量为局部变量，全局变量可以供全局使用，局部变量只能供该标签内部使用

---

嵌套选择器

body {
  p {
    color: red;
  }
}