限制css影响外部div

Question

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

  

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

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

蝰蛇

Answer 1

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

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

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