如何隔离Chrome扩展程序CSS以免影响网站CSS？

Question

我在页面中央使用弹出窗口进行扩展。
我使用ReactJS。

主要问题： 网站样式会影响扩展中元素的显示 我怎么解决它？

我看到以下可能的解决方案：
1）使用'all'属性

.my-extension-name * {  
    all: initial;  
}    

2）使用iFrame。但我有一个问题：反应不会在我的代码中呈现给iframe。