有没有办法在不使用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文件中设置的样式。 在任何情况下，内联风格都是等级统治其他人。