电子邮件回复样式覆盖了我的样式

Question

我正在使用html5，css3，javascript，jquery

开发电子邮件Web应用程序

我在电子邮件内容呈现方面遇到问题。

某些电子邮件内容（技术上，响应）有自己的风格，例如像这样的

    一个     {         颜色：绿色;     }

因此我的所有锚标记（包括标题中的锚标记，页脚所有内容）都会变为绿色。

如何限制。

我正在考虑在我的电子邮件内容呈现部分中使用iframe。

请给我宝贵的建议。

由于

Answer 1

您可以使用CSS selectors，例如ID或类。

如果要区分响应样式和任何其他样式，可以创建一个名为response .response的类，并使用它来引用a标记。

css看起来像：

.response a {color:green}

并且html看起来像：

<div class="response">
  <!--all the response stuff here-->
  <a href"http://stackoverflow.com">Some link in the response</a>
</div>

Answer 2

让我们从圆形立方体验中学到一些东西。在这里，我们可以看到他们是如何做到的（在快捷版中）：

<div id="messagecontent"> ... </div>

但是... roundcube 为每个规则添加唯一ID 。

避免样式覆盖的其他解决方案：

• 删除<style>代码
• 将其放入<iframe> （按照您的建议）