忽略網站

的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

回答