限制CSS应用于哪个DIV

Question

我的项目在AngularJS中，并且我的项目中具有外部邮件可以从我的邮件应用程序预览的功能。现在，我正在使用iFrame预览此邮件。但是在更新chrome浏览器之后，页面由于iFrame而闪烁太多，并且因为iFrame现在已被弃用而想要移除此iFrame。

但删除iFrame后有一个问题。在我的外部邮件中也包含CSS。现在，如果我使用DIV而不是iFrame，那么CSS也适用于我的模板并更改我的模板的设计。

所以，请给我替代iFrame的解决方案。

Answer 1

您所描述的行为是预期的。尽管浏览器支持很差，但CSS隔离的唯一真正替代方法是使用shadow DOM。