Angular 6中不同组件的相同样式类

Question

我有一个css类，需要将其添加到三个不同的组件（例如），这些组件可能不需要我们应用程序的其他组件。 哪一种是最好的方法。

1. 将该css类添加到style.css（全局css）中并使用它，或
2. 将其添加到三个特定于组件的不同样式表中，因为它在应用程序中的任何地方都没有使用（这被视为代码重复吗？）

谢谢！

Answer 1

我想说，将其添加到全局样式中就可以了。视图封装很酷，但是CSS的级联部分仍然是我们应该利用的...只要您仍然知道保持样式有条理并且没有太多的专一性即可。

相反，如果您知道所有三个组件都将共享父组件，则可以关闭该组件的视图封装并在其中添加类，这与添加全局样式基本相同，区别在于添加的样式是加载组件时已加载。

您还可以在父组件上使用::ng-deep定位其子组件。 Sass带来了其他解决方案，但看起来好像您不是在使用.scss文件。