在不破坏此页面样式的情况下在网页中显示HTML邮件消息

Question

我想在网页中显示邮件。这些邮件消息来自Exchange服务器，包含一堆样式元素。

当我在div中加载这些邮件时，这些样式元素会通过覆盖其中一些来破坏我自己的页面样式。

有没有办法将html邮件正文与其加载的页面隔离加载？ （当然没有iframe）。

THX

Answer 1

你可以重置这个div的样式，这样它就不会破坏你自己的CSS。

你应该看一下这篇文章：

Reset/remove CSS styles for element only

Answer 2

我认为一种解决方案是在具有特定id（即id =“foo”）的div中插入邮件的html内容，然后处理邮件内容的样式以在邮件中的每个类声明之前添加该id

邮件中声明的所有类都如下所示：

#foo H1{
...
}

#foo body{
...
}

然后，此类的范围将只是注入邮件正文的id。

我仍在寻找最干净的方法（Jquery，Rivets等）......