SCSS 与 css的区别

1. scss可以嵌套

2.scss可用少量的代码实现

3.scss允许我们进行数学运算

4.兼容所有版本的css

1.
@import  
@extend .extend

2.
//混入样式
定义@mixin  引入@include
@mixin bd($color: red) {
    background-color: $color
}
$fontSize: 100px;

3.
//遍历
@for $i from 1 through 10 {
    .pd-#{$i} {padding-bottom: $i  + px}
}

4.
定义函数 语法： @function() { @return 111}
用@if @else if
 @if $color === red { background-color: red}  
    @else if $color === blue{ background-color: blue} 

参考自：