从网站的其他部分隔离html内容

Question

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

我已经尝试过iframe但是调整内容的高度并不顺利;我真的不想使用iframe。

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

Answer 1

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

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>标记，电子邮件段落也会采用上述样式。

Answer 2

在html上使用强大的ID，然后为您的电子邮件内容创建一个CSS文件。如果某些SharePoint样式仍覆盖您的样式

，我建议您使用！important

使用自己的CSS文件将SharePoint设计器复制到母版页库（_catalogs / mastrpage）

在主页的标题区域中调用它，如下例所示

<SharePoint:CssRegistration name="<%$SPUrl:~sitecollection/_catalogs/masterpage/bindtuning.css%>" runat="server" after="SharepointCssFile" />