限制css影响外部div

时间:2015-08-11 21:24:09

标签: html css

我正在尝试制作自己的网络邮件前端。我遇到问题的唯一部分是呈现HTML电子邮件。我不想使用iframe,所以我尝试使用<style scoped />。这对一些人来说成功了但是当我用内联CSS打开一条消息时它不会在Firefox中显示任何消息内容

  

错误控制台报告:   &#34;警告:搜索无效规则集的关闭时意外结束文件。&#34;

这是唯一报告的错误。有没有办法将外部源内容限制为div而不影响页面上的任何其他CSS?这可以用jQuery完成,因为内容是用ajax加载的吗?

蝰蛇

1 个答案:

答案 0 :(得分:1)

1)截至目前,scoped属性仅为supported in Firefox,这就是为什么您绝不应该依赖它来正常工作。

2)您尝试渲染的html无效(因此关于缺失括号的错误),因此无法正确呈现。我猜你没有直接控制内容。因此,Firefox无法指出错误的CSS并且渲染html的剩余部分是你无能为力的(除了提交错误报告)。

3)在限制方面,您最安全的选择可能是使用iframe,因为它为内部内容提供了一个天然沙盒,并防止错误泄漏到外部文档。否则,您必须解析HTML并检查有效性。这是可能的,但相信我,你真的不想这样做。