css - 忽略站点的 CSS

Question

我相信这是不可能的，但我希望有人有窍门或解决方案。

站点 A 定义了自己的 HTML 和 CSS 样式，希望使用服务 B 的第三方组件。服务 B 提供自己的 HTML 和 CSS，以便呈现其组件。

是否有通用的方法来确保站点 A 的 CSS 不会覆盖或影响服务 B 组件的 CSS？

假设站点 A 具有以下 CSS

 -- Site A Css
 button{
     color:#fff;
 }

组件 B 有一个按钮元素，但不改变按钮颜色。因此，就目前而言，Service Bs 按钮的颜色为#fff。

有没有办法确保组件 B 的按钮(以及所有组件 B 的其他元素)忽略站点 A 的 CSS。

Answer 1

你可以使用 iframe :

 <iframe src="..third party site"></iframe>