//scss定义变量的基本用法$fontSizeColor:#468dcc;$mainBackgroundColor:#eeeeee;//Scss变量被连接成字符串$direction:left;.login{颜色：$fontSizeColor;背景色：$mainBackgroundColor；保证金-#{$direction}:10px;}的基本用法1.定义变量//scss定义变量的基本用法$fontSizeColor:#468dcc;$mainBackgroundColor:#eeeeee;//Scss变量被连接成字符串$direction:left;.login{颜色：$fontSizeColor;背景色：$mainBackgroundColor；保证金-#{$direction}:10px;}2.加减乘除的简单计算3.选择器嵌套四、继承样式@extend五、@mixin@include的使用强大之处在于它可以传递参数6.导入外部scss，css@import@import"./assets/global.scss"7.高级用法，循环语句和自定义函数的使用@对于$i从1到10{//.myLi1.myLi2.myLi3….myLi10.myLi#{$i}{border:#{$i}pxsolid#468dcc;}}//自定义函数@functionmyScssFun($p){@if$p>10{@return$p;}@else{@return$p*2;}}div{字体大小：myScssFun(10px);}
