使用方法:“
.btn{
color: red;
}
.btn-primary{
@extend .btn;
}占位符:
%btn{
color: red;
}
.btn{
@extend %btn;
} %placeholder 声明的代码,如果不被 @extend 调用的话,不会产生任何代码
通过 @extend 调用的占位符,编译出来的代码会将相同的代码合并在一起
根据腾讯alloyteam的前端规范,sass
声明顺序:
@extend- 不包含
@content的@include - 包含
@content的@include - 自身属性
- 嵌套规则
本文介绍了SASS中的@extend机制与占位符(%placeholder)的使用方法及注意事项,详细解释了如何通过@extend来复用样式,并说明了占位符的特点及其在实际项目中的应用。
418

被折叠的 条评论
为什么被折叠?



