html - 限制影响外部 div 的 css

Question

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

Error Console reports: "Warning: Unexpected end of file while searching for closing } of invalid rule set."

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

毒蛇

Answer 1

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

2) 您尝试呈现的 html 无效(因此出现有关缺少括号的错误)并且因此无法正确呈现。我想您无法直接控制内容。因此，Firefox 无法忽视错误的 css 并呈现 html 的剩余部分，这让您无能为力(除了提交错误报告)。

3) 就限制而言，您最安全的选择可能是使用 iframe，因为它为内部内容提供了一个天然的沙箱，并防止错误泄漏到外部文档。否则，您将不得不解析 HTML 并检查有效性。这是可能的，但请相信我，您不会真的想这样做。