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

Question

我正在开发一个使用html5，css3，javascript，jquery的电子邮件Web应用程序

我在我的电子邮件内容渲染中遇到了一个问题。

一些电子邮件内容(从技术上讲，是回复)有自己的风格，比如下面这样的内容

 a     {         color:green;     } 

因此，我所有的锚标签(包括头中的锚标签，页脚中的所有标签)都变成了绿色。

如何限制这种情况。

我正在考虑在我的电子邮件内容渲染部分使用iframe。

请给我宝贵的建议。

谢谢

Answer 1

您可以使用ID或CSS selectors等类。

如果您希望区分您的响应样式和任何其他样式，您可以创建一个名为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

让我们从roundcube的经验中学到一些东西。在这里，我们可以看到他们是如何做到这一点的(简写版本)：

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

但是..。roundcube 为样式中的每个规则添加唯一的id。

避免样式重写的其他解决方案：

• remove <style> tags
• it in <iframe> (按您的建议删除标记)