Angular 2 从 styles.scss 扩展样式

在 Angular 2 中，我的 CSS 类styles.scss file:

.FirstClass {
}

我试图在组件的 .SCSS 文件中扩展此类（例如：MyComponent.scss) like:

.SecondClass {
  @extend .FirstClass;
}

我收到一条错误消息.FirstClass没有找到。我是否正确地假设了类别和风格styles.scss可以全局引用吗？请帮助我。

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

样式.scss

.FirstClass{}

我的组件.scss

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

SCSS 被编译为 CSS，因此，如果您需要对文件本身进行任何与纯 CSS 无关的更改，则必须考虑到这一点。