如何防止元素被css修改？

Question

我在做浏览器扩展。它在页面上创建了一些UI。在UI中，有一些元素被css强行修改，这取决于网站的打开。除了让它变得丑陋之外，它还可能破坏整个UI！问题是如何保护我的可怜元素免受css恐怖袭击？

Answer 1

有多个选项，例如iframes、非常特定的类名以及到处添加!important字段。但是您最好的选择可能是使用阴影DOM，它允许将隐藏的DOM树附加到常规DOM (可能是第三方网站)DOM。

我在这篇文章中看到了另一个线程，它可能会提供更详细的答案。