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

Question

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

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

谢谢！

标签： cssangularangular6

Answer 1

我会说将它添加到全局样式中就可以了。视图封装很酷，但是 CSS 的级联部分仍然是我们应该利用的东西……只要你仍然意识到保持样式有条理并且没有太高的特异性。

相反，如果您知道所有三个组件将共享父组件，您可以关闭该组件的视图封装并在那里添加类，这与添加到全局样式基本相同，不同之处在于样式只会在组件已加载。

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