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

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

我在电子邮件内容呈现中遇到问题

一些电子邮件内容（从技术上讲，是回复）有自己的风格，比如说像这样的东西

A. { 颜色：绿色； }

因此，我的所有锚定标记（包括页眉、页脚和所有内容中的锚定标记）都将变为绿色

如何限制这一点

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

请给我你的宝贵建议

谢谢

您可以使用ID或类等

如果要区分响应样式和任何其他样式，可以创建一个名为response

.response

的类，并使用该类引用

a

标记

css看起来像：

.response a {color:green}

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

html看起来像：

.response a {color:green}

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

---

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

。。。

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

避免样式替代的其他解决方案包括：

• 删除
  标记
• 将其放入
  （按照您的建议）

---

不，我不能使用css选择器，因为我永远不知道会出现什么样的电子邮件内容（响应）。它不在我的管辖范围之内control@Karthikeyan但是它应该在您的控制下，响应出现在其中的div将被调用。如果给一个div一个类或id，您可以通过div的类或id名称引用该div的任何子元素。@Karthikeyan如果您需要样式覆盖任何传入样式，您可以使用

！重要信息

后缀，以确保您的css是优先的样式，而不是后面可能出现的任何css。这将覆盖所有其他内容，所以如果不需要，请不要使用它。是的，我可以使用重要的。但如果你真的这样做了，就需要为几乎所有的html标签放上重要的标签。