Angular：封装导致CSS冲突

Question

我遇到了一些组件问题。我有2个不同的组件，都激活了封装：ViewEncapsulation.None 。他们的共同点是父级。我不知道为什么，但是通过封装，他们在他们之间共享课程。

更具体一点：

comp1有一个类父

的容器

comp2有一个类父

的容器

没有封装，css是孤立的，有什么好处！但是当我添加封装时，comp1将有2个样式，一个来自自身，另一个来自 comp2 。

如何修复样式之间的这种碰撞？

Answer 1

只需使用encapsulation: ViewEncapsulation.Emulated即可。