Sass中的继承

SASS 中的继承和 LESS 中的继承一样，都是通过 并集选择器 来实现的，只不过格式不一样而已

混合和继承的区别

• 混合是直接拷贝，有多少个地方用到就会拷贝多少份
• 继承是通过并集选择器，不会拷贝只会保留一份

代码语言：scss复制

.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;
  }
}

image-20210815204218783

我正在参与2023腾讯技术创作特训营第二期有奖征文，瓜分万元奖池和键盘手表

2023腾讯·技术创作特训营第二期

0 人点赞