SASS 中的继承和 LESS 中的继承一样,都是通过 并集选择器
来实现的,只不过格式不一样而已
混合和继承的区别
- 混合是直接拷贝,有多少个地方用到就会拷贝多少份
- 继承是通过并集选择器,不会拷贝只会保留一份
.center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.father {
@extend .center;
width: 300px;
height: 300px;
background: red;
.son {
@extend .center;
width: 200px;
height: 200px;
background: blue;
}
}