Angular: 封装导致 CSS 冲突

Question

我的一些组件有问题。我有 2 个不同的组件，都激活了 encapsulation: ViewEncapsulation.None。他们的共同点是 class parent。我不知道为什么，但是通过封装，它们在它们之间共享 class。

更具体地说：

comp1 有一个容器 class parent

comp2 有一个容器 class parent

不封装，css是隔离的，好啊！但是当我添加封装时，comp1 将有 2 种样式，一种来自自身，一种来自 comp2.

如何解决样式之间的这种冲突？

Answer 1

只需使用encapsulation: ViewEncapsulation.Emulated。