html - 将 html 内容与站点的其余部分隔离

Question

我正在开发一个几乎充当基于网络的电子邮件客户端的系统。这是一个支持台系统。系统显示收到的邮件；想想一个基于网络的电子邮件客户端。现在我的问题是，存在影响应用程序其余部分的可怕的 Microsoft Word 格式样式元数据。

我尝试过 iframe，但根据内容调整高度效果不佳；而且我真的不想使用 iframe。

我可以使用什么模式或做法来隔离在前端显示的电子邮件 html，使其不会影响应用程序的其余部分？我的意思是，Gmail、Yahoo Mail、支持台或 CRM 系统如何做到这一点？

Answer 1

有几种方法 - 顺便说一下，我在开发共享点网站时遇到了同样的问题，因为主样式影响了我的样式，而且我无法访问母版页。

1. 包装您的代码，并使用 ID 选择器缩小您需要设置样式的元素的范围
2. 使用!important - 我不推荐这种方法，因为它不是最佳做法

示例 HTML:

<div id="wrapper">
    <p class="email-par">Some text</p>
</div>

CSS:

#wrapper .email-par{
    font-size: 1.1em;
}

因此，即使有其他样式影响 <p>如果您网站上的标记，则电子邮件段落将采用上述样式。