SCSS 的”%” 与 “.” 功能类似，但是不会输出代码

scss语法：

%btn-status { //
    margin-top: 20px;
    background: #F00;
}
$flag: "status";

%longzhoufeng{
    background-color: red;
}

.foo {
    @extend %btn-#{$flag};
    @extend %longzhoufeng;
    font-size: 20px;
    color:red;
}

css语法

.foo {
  margin-top: 20px;
  background: #F00;
}
.foo {
  background-color: red;
}
.foo {
  font-size: 20px;
  color: red;
}