Sass中的混合
原创
SASS 中的混合和 LESS 中也一样，只是定义格式和调用的格式不同
- LESS 中混合定义：
.混合名称{}或者.混合名称(){} - LESS 中混合调用：
.混合名称;或者.混合名称(); - SASS 中混合定义：
@mixin 混合名称{};或者@mixin 混合名称(){}; - SASS 中混合调用：
@include 混合名称;或者@include 混合名称();
@mixin center() {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.father {
width: 300px;
height: 300px;
background: red;
@include center();
.son {
width: 200px;
height: 200px;
background: blue;
@include center();
}
}
image-20210814232043155
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
