有没有办法在不使用iframe的情况下将HTML块从其页面的CSS中“沙盒化”？

Question

例如，是否有可能div完全忽略CSS规则，而不class管它id包含的是什么？

Answer 1

不，如果没有，这是（很难）的iframe。

您将必须为此重置所有现有的CSS规则div：

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

虽然困难且永远不会100％可靠，但通过这种方式可能会获得可用的结果。您可以查看像EricMeyer一样的“重置样式表”之一，以获取要重置的重要属性的列表。这里声称是CSS2.1属性的完整列表-不包括CSS 3和特定于供应商的属性，您也必须考虑这些属性。

第三方窗口小部件的提供者通常将其“重置CSS”硬编码为HTML元素内的内联CSS，以覆盖任何!important可能会覆盖沙箱类规则的规则。