Angular 2 从 styles.scss 扩展样式

Question

在 Angular 2 中，我的 styles.scss 文件中有一个 CSS class：

.FirstClass {
}

我正在尝试在组件的 .SCSS 文件（例如：MyComponent.scss）中扩展此 class，例如：

.SecondClass {
  @extend .FirstClass;
}

我收到一条错误消息，提示未找到 .FirstClass。我是否正确假设 class 和 styles.scss 中的样式可以全局引用？请帮助我。

Answer 1

如果您有任何文件，并且想在另一个文件中使用其中一个类，则必须先导入它。

styles.scss

.FirstClass{}

MyComponent.scss

@import 'styles.scss'
.SecondClass{
 @extend .FirstClass;
}

SCSS 编译为 CSS，因此，如果您需要对文件本身进行任何与普通 css 无关的更改，则必须考虑到它.

Angular 2 extend a style from styles.scss