忽略网站

的CSS我相信这是不可能的，但我希望有一个人招或解决方案。忽略网站

站点A都定义了它自己的HTML和CSS样式想要使用第三方组件从服务B.服务B提供了自己的HTML和CSS，因此它可以呈现其组件。

是否有保证站点A的CSS不会覆盖或影响服务烧烤组件的CSS一个通用的方法？

比方说，站点A具有以下CSS

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

Compoonent B有一个按钮元素，但不会改变按钮的颜色。因此，我们站在一起，服务Bs按钮将具有#fff的颜色。

有没有一种方法，以确保组件烧烤按钮（和所有组件烧烤等元素）忽略网站A的CSS在HTML

2014-07-24 KevDevMan

把它放在一个iframe。 – sevenseacat

如果它包含在网站A的代码中，则不会有机会。你将不得不使用一个iframe（因为sevenseacat已经说过） –

如何确保？ '＃id' +'！important'会给出一个特殊性，使意外覆盖不太可能。 –

你可以使用iframe：

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

2014-07-24 08:11:30 Rajesh

此选项可以使用，但不是100％。感谢您的回应。 – KevDevMan

套装属性。

#button { color:#fff; } 

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

2014-07-24 08:07:37 freewheeler

好的，但是这只能处理你想到的属性。（这并不是说这是一个不好的答案，这是一个棘手的问题。） –

是的，这是显而易见的。 – freewheeler

这是一种可能性，但是如ULrich所说，要求我覆盖所有可能性。谢谢你的答案，但它不会工作。 – KevDevMan

回答