时间戳

首页 > 解决方案 > Angular 2 从 styles.scss 扩展样式

css - Angular 2 从 styles.scss 扩展样式

问题描述

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

.FirstClass {
}

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

.SecondClass {
  @extend .FirstClass;
}

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

标签： cssangularsassangular-cliangular2-template

解决方案

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

样式.scss

.FirstClass{}

我的组件.scss

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

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

推荐阅读