learn-scss

1安装  npm install sass-loader --save-dev

            npm install node-sass --save-dev

2  style 中添加  style  lang="scss"

3 @import  引入

嵌套    div{   p{}}

父元素    div{   &:hover{}}    父选择器&

属性嵌套   font{    size   color style}

占位符编译  变量   $width:100px

字符串插值 #{   $left   }                  border-#{$left}:1px solid red}

mixin使用   @mixin  borderall{border:1px solid red;background:green;}

                      div{@include borderall}  混合模式的使用                       ****混合模式可传参

继承

%变量名{}   @extend变量名  继承