我应该在哪里在angular 7应用程序中添加共享样式

问题描述 投票:-1回答:2

我想知道在我的angular 7应用程序中添加共享样式的最佳位置是哪里。我应该在styles.scss文件中还是在app.component.scss文件中添加它们?为什么?

css angular web sass angular7
2个回答
0
投票

如果您正在讨论所有应用程序之间共享的样式,例如可以在任何组件中使用的颜色,则必须将它们添加到styles.css

在Angular中,样式适用于组件范围,因此您在某些组件样式文件中输入的内容将仅应用于该组件。

阅读更多:https://angular.io/guide/component-styles


0
投票

如果打开angular.json文件,您将看到一个名为styles的数组,在该数组内您将看到src/styles.scss,这意味着该文件已全局加载。在此处添加的任何css / scss属性都将自动应用。如果您创建任何其他scss文件并将其添加到angular.json样式,则该文件也将全局应用。

最好的例子是当您使用角度材料时,可以通过将"./node_modules/path/to/material/styles/amber.scss"添加到angular.json来使用默认的角度样式。>

© www.soinside.com 2019 - 2024. All rights reserved.