有沒有辦法在不使用iframe的情況下將一個HTML塊「離開其頁面的CSS」？

Question

例如，是否有可能完全忽略CSS規則的div，無論它包含哪些class es和id？

Answer 1

不，沒有iframe這是（可惜）不可能。

你將不得不重置每一個現有的CSS規則爲div，像這樣：

div.sandbox 
{ 
    font-size: .... 
    font-family: .......... 
    margin: ......... 
    padding: ......... 
    line-height: ......... 
    } 

而艱難，從來沒有100％可靠的，有可能實現可用的結果這樣。您可以查看其中一個「重置樣式表」，如Eric Meyer's以獲取重置屬性的列表; here是聲稱是CSS 2.1屬性的完整列表 - 不包括CSS 3和供應商特定的屬性，您也必須考慮這些屬性。

第三方小部件的提供者通常會將其「重置CSS」作爲內聯CSS在HTML元素內進行硬編碼，以覆蓋任何可能覆蓋沙箱類規則的!important規則。

Answer 2

可能得出的結果：

div { 
all:unset !important; 
clear:both !important; 
margin: 0 !important 
} 

內嵌樣式將在此改變任何CSS樣式。 這也意味着任何由JavaScript設置的樣式都會覆蓋任何CSS規則，只是因爲javascript是以內聯方式設置樣式的。

以及直接在HTML部分上的樣式標籤之間的任何樣式都會覆蓋CSS文件中設置的樣式。 在任何情況下，內聯風格都是等級統治其他人。