忽略网站的CSS

我相信这是不可能的，但我希望有人有一个诀窍或解决办法

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

是否有一种通用的方法来确保站点a的CSS不会覆盖或影响服务Bs组件的CSS

假设站点A有以下CSS

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

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

是否有办法确保组件Bs按钮（以及所有组件Bs其他元素）忽略站点a的CSS。

在html中设置属性

#button { color:#fff; }

<div id="button" style="color:red !important;"></div>

#按钮{color:#fff；}

您可以使用iframe：

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

如果它包含在站点A的代码中，则没有机会。您必须使用iframe（正如Sevensacat已经说过的那样）如何确保<代码>#id+

！重要信息

将给出一种特殊性，使得意外重写不太可能。我知道Iframe解决方案，但希望不要使用它。在上面的场景中，我是服务B。所以我希望允许站点A、B、C使用服务Css，这样他们现有的Css不会影响它，而且他们可以更改服务B Css。是的，但这只处理您想到的属性。（这并不是说这是一个糟糕的答案，这是一个棘手的问题。）是的，这确实是显而易见的。这是一种可能性，但需要我像乌尔里希所说的那样覆盖所有的可能性。谢谢你的回答，但这行不通。