怎么嵌入HTML让外部CSS不影响呢?

How to embed HTML so external CSS does not affect it?

我正在创建一个人们可以预览的页面 html。问题是,我不希望页面的外部 CSS 影响 HTML 输出。到目前为止,我在想:

1) 将其包含在 IFrame 中,并确保包含的页面是没有 css 的纯 html 输出 --> 最好不要这样做,因为 iframe 通常不是一个好主意,而且,这条路线对于 Drupal 来说有点棘手。 2) 为标签包含 "Reset css" 并在该标签中弹出 html

正在预览的 HTML 是电子邮件的预览。 IE。结果将通过电子邮件发送,因此需要尽可能准确地描述最终电子邮件的样子。我知道这很棘手,因为所有电子邮件客户端产生的输出都不同。但是,尽管如此,我还是在尝试尽可能接近真实的表现形式?

我认为在这种情况下使用 IFrame 是合适的。 JSFiddle 使用 IFrame 进行预览。