scss基本语法

scss和less一样，是预处理语言；在vscode中有现成的工具可以把它转成css,基本语法一下总结了五种

1.嵌套语法 和less一样 scss支持嵌套型的语法:子代选择器写在父代选择器的里面

2.&父选择器 : &代表的是父选择器 如果你想对某个特定的子元素进行设置,就可以使用&

3.定义变量和使用变量

使用$符号来  定义变量; 

     

使用变量:$变量名

4.mixins混入,是代码复用的方式:相同的css属性代码可以封装起来复用

定义格式:

  @mixin 名称 {代码}

使用格式:

  @include 名称

5.模块化

一个.scss文件就是一个模块,多个.scss文件之间可以相互引用
例如：在base.scss定义变量，然后在test.scss中引入这个文件，就可以使用其中定义的变量了
引用的格式:
@import './xxx/scss'