Angular (13) 材质 - 覆盖 CSS 文件不起作用

Question

我有一个带有 Material 的简单 Angular (13) 应用程序。 我创建了一个 CSS 文件，该文件旨在覆盖一些材料 styles，并将其导入 styles.scss。 此导入是此文件的最后一行。 然而，外部文件中的 CSS 定义似乎都没有真正覆盖 Material 中现有的 styles。 当我将这些定义直接放在 styles.scss 中时，它们就起作用了。 在这种情况下，从文件导入 CSS 定义并直接放置它们有什么区别？ 我在这里错过了什么吗？

Answer 1

要将css导入到scss文件，您应该像这样在不带扩展名的情况下导入它。

@import "path/to/file/file_name_without_extension"

---

如果您使用扩展名导入它

@import "path/to/file/file_name.css"

它不会工作，因为它被翻译成

@import url(path/to/file/file_name.css);

从 SASS 回购合并 PR：实施原始 css 导入