css - Angular：封装导致CSS冲突

Question

我的某些组件有问题。我有 2 个不同的组件，都带有封装： ViewEncapsulation.None 已激活。他们有共同的班级parent。我不知道为什么，但是通过封装，它们在它们之间共享类。

更具体：

comp1 有一个带有父类的容器

comp2 有一个带有父类的容器

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

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

标签： cssangularcollisionencapsulation

Answer 1

只需使用encapsulation: ViewEncapsulation.Emulated.