1. 声明变量 通过$标识符进行命名及引用
  2. 混合器 类似vue中的函数 通过 @mixin标识定义 @include 标识调用
  3. & 父选择器标识
  4. @extend 进行继承
  5. 可嵌套
  6. 可导入 通过 @import ‘文件位置’ 、进行导入
<style>//1 声明变量$name: 15px;$color: skyblue;@mixin border-radius($num) {//2 类似函数border-radius: $num;}.aa {//1 使用变量height: $name !important;background: $color !important;big {color: $color;font-size: 30px;font-weight: 700;& {//3 width: 50px;background: purple;}@include border-radius(50%); // 2 调用函数}}.a2 {@extend .aa; //4 继承 margin-left: 500px;}</style><template><div class="aa"><big>123</big></div><small class="a2">456</small></template>