javascript - 如何防止页面的 CSS 影响加载 html 文档的 iframe？

Question

我有一个 iframe，它在加载时会发生一些变化。是否有某种重置或我需要申请的东西？我如何使 iframe 的内容无论加载到哪个页面都保持一致？

Answer 1

您不能凭空加载 iFrame；一旦将其引入应用样式表的上下文中，它将与页面上的其他所有内容一起紧随其后。不过，幸运的是，这只是相应地构建样式表的问题。

一种方法是只为该 iFrame 的容器指定一个 ID，例如 #myiframe，然后对您想要应用的所有样式进行全面和具体的说明。设计您的样式表以避免与此元素发生冲突，如果您遇到困难并需要子属性覆盖继承的样式，请使用 !important 声明。它归结为最重要的是精心设计，以及对级联样式表工作方式的健康理解。