html - 有没有办法在不使用 iframe 的情况下将 "sandbox"HTML block 与其页面的 CSS 分开？

Question

是否有可能，例如，有一个完全忽略 CSS 规则的 div，无论它是什么 classes 和 id包含？

Answer 1

不，如果没有 iframe，这是(遗憾的)不可能的。

您必须像这样为该 div 重置所有现有的 CSS 规则:

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

虽然困难且永远不会 100% 可靠，但通过这种方式可能会获得可用的结果。您可以查看其中一个“重置样式表”，例如 Eric Meyer's获取要重置的重要属性列表； here声称是 CSS 2.1 属性的完整列表 - 不包括 CSS 3 和供应商特定的属性，您也必须考虑这些属性。

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