从 scss 中的另一个文件继承 class 属性

Question

我正在尝试将 class AClass 的 class 属性从名为 A.scss 的文件继承到另一个文件 B.scss 并覆盖其中的一些符合我要求的属性

假设A.scss有，

.AClass{
    border-radius: 20px;
}

我想继承 A.scss 文件的 .AClass 并将其更改为其他内容。那我怎么继承属性

Answer 1

要从 class 继承样式，您应该使用 @extend keyword. If the parent class is defined in another file, this file has to be first imported with @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。

Inherit class properties from another file in scss