HTML页面内的HTML损坏

Question

我有一个页面，我正在通过电子邮件阅读HTML。

有时，来自电子邮件的文本包含HTML和CSS，它会完全改变我的页面样式。

我不希望我的页面样式受此影响。如何在特定div（框）内严格阅读HTML和CSS，不要让页面受到影响？

Answer 1

你必须使用一些父母＆gt;写你的CSS儿童格式。你可能不得不使用！important。

Answer 2

可能你正在使用某种常见的选择器，如“a”，“p”，“div”。在这些情况下，我们可以通过使用父类/ id或“！important”来阻止覆盖。我不会推荐第二个。

实施例。使用父className：

{{1}}

Answer 3

将if放在iframe中，使其表现得像一个单独的窗口，这样你的html内容就不会受到加载的css的影响。

Answer 4

您可以使用<iframe></iframe>代码而不是<div></div>。使用Parent＆gt; Child Css格式还有助于使您的样式更加独特，并防止它们被覆盖。