从 scss 中的另一个文件继承类属性答案

【问题标题】：Inherit class properties from another file in scss从 scss 中的另一个文件继承类属性
【发布时间】：2020-12-26 15:32:39
【问题描述】：

我正在尝试从名为 A.scss 的文件中继承类 AClass 的类属性到另一个文件 B.scss 中，并根据我的要求覆盖它的一些属性

假设 A.scss 有，

.AClass{
    border-radius: 20px;
}

我想继承A.scss 文件的.AClass 并将其更改为其他内容。那我如何继承财产

【问题讨论】：

【解决方案1】：

要从类继承样式，您应该使用@extend 关键字。如果父类定义在另一个文件中，这个文件必须先用@import指令导入：

// A.scss
.A {
  border-radius: 20px;
}

// B.scss
@import 'A';

.B {
  @extend .A;
  border-width: 2px;
}

这将编译为以下 CSS：

.A, .B {
  border-radius: 20px;
}

.B {
  border-width: 2px;
}

您可以在线试用here。

【讨论】：