如何不将iframe中的CSS样式应用于父站点

我们正在让第三方开发公司创建一个应用程序，我们计划使用iframe在我们的WordPress站点上显示该应用程序。然而，他们碰巧使用了很多与我们网站上使用的相同的CSS名称。这导致主站点的一部分中断。我们如何在iframe中显示此应用程序，但又不会弄乱主站点？

iframe中的CSS不会影响包含的页面。这不是它的工作原理。iframe被视为一个完全不同的网页，恰好嵌入到另一个网页中。

iframe中的CSS不会影响包含的网页。这不是它的工作原理。iframe被视为一个完全不同的网页，恰好嵌入到另一个网页中。

“这会导致主站点的一部分损坏。”如果他们实际使用的是iframe，则不是。“这会导致主站点的一部分损坏。”如果他们实际使用的是iframe，则不是。这也是我所理解的。添加没有内容的iframe时，所有内容都会正确渲染。但是，当在iframe中添加内容时，部分标题会中断。您必须发布一些代码来复制您的问题或创建一个jsfiddle。不幸的是，它正在生效，并且是所有主要浏览器（IE、FF和Chrome）。有人知道如何解决这个问题吗？请注意，如果css的URL是一个完整的URL，或者它引用的是一个CDN URL，那么它将覆盖父页面，我没有测试相对URL，但是我非常确定如果css是在样式标记中定义的，它将不会生效（显然）。作为一项工作，请记住这一点。这也是我所理解的。添加没有内容的iframe时，所有内容都会正确渲染。但是，当在iframe中添加内容时，部分标题会中断。您必须发布一些代码来复制您的问题或创建一个jsfiddle。不幸的是，它正在生效，并且是所有主要浏览器（IE、FF和Chrome）。有人知道如何解决这个问题吗？请注意，如果css的URL是一个完整的URL，或者它引用的是一个CDN URL，那么它将覆盖父页面，我没有测试相对URL，但是我非常确定如果css是在样式标记中定义的，它将不会生效（显然）。只要记住，作为一种工作方法。