限制CSS應用於哪個DIV

Question

我的項目在AngularJS中，並且我的項目中具有外部郵件可以從我的郵件應用程序預覽的功能。現在，我正在使用iFrame預覽此郵件。但是在更新chrome瀏覽器之後，頁面由於iFrame而閃爍太多，並且因爲iFrame現在已被棄用而想要移除此iFrame。

但刪除iFrame後有一個問題。在我的外部郵件中也包含CSS。現在，如果我使用DIV而不是iFrame，那麼CSS也適用於我的模板並更改我的模板的設計。

所以，請給我替代iFrame的解決方案。

Answer 1

您所描述的行爲是預期的。儘管瀏覽器支持很差，但CSS隔離的唯一真正替代方法是使用shadow DOM。