css - 如果我们在 Angular 8 项目中的组件 CSS 或 scss 文件和根 CSS 或 scss 文件中写入相同的属性，那么将执行哪一个？

Question

当我在根 scss 文件和项目的一个组件中编写具有不同值的相同属性时。我很困惑哪个会执行。请帮我。

标签： cssangularangular8angular-componentsscss-mixins

Answer 1

在 Angular 中，有一个叫做视图封装的概念，简单来说就是你在组件中编写的任何样式都保留在组件中。组合 A 中的样式不能用于组合 B。

如果您将全局样式导入组件 scss，那么它将影响您的组件，除非您在组件中修改或覆盖。例如：

如果全局样式具有 .card { padding: 0} 并且您在组件中导入了全局样式。然后如果你写 .card { margin: 0} 那么最后应用在你的组件 html 中的 .card 将如下所示

.card {
 padding: 0;
 margin: 0;
}