Sass中的继承

原创

程序员NEO

发布于 2023-09-28 23:34:03

2510

文章被收录于专栏：『学习与分享之旅』『学习与分享之旅』

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