使用方法:“
.btn{
color: red;
}
.btn-primary{
@extend .btn;
}
占位符:
%btn{
color: red;
}
.btn{
@extend %btn;
}
%placeholder 声明的代码,如果不被 @extend 调用的话,不会产生任何代码
通过 @extend 调用的占位符,
编译出来的代码会将相同的代码合并在一起
根据腾讯alloyteam的前端规范,sass
声明顺序:
@extend
- 不包含
@content
的@include
- 包含
@content
的@include
- 自身属性
- 嵌套规则