有没有办法在不使用iframe的情况下将HTML块"沙盒"远离其页面的CSS？

Question

例如,它是否有可能div完全忽略CSS规则,无论它包含什么classes和ids？

Answer 1

不,如果没有,这是可悲的iframe.

您必须重置每个现有的CSS规则,div如下所示:

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

虽然困难且从不100%可靠,但有可能以这种方式获得可用的结果.您可以查看Eric Meyer的 "重置样式表"之一,以获取要重置的重要属性列表; 这里声称是CSS 2.1属性的完整列表 - 不包括CSS 3和特定于供应商的属性,您也必须考虑这些属性.

第三方小部件的提供者通常将其"重置CSS"硬编码为HTML元素内的内联CSS,以覆盖任何!important威胁覆盖沙盒类规则的规则.