Css 在一个页面上不受干扰地显示具有不同样式的html

我试图在一个页面上显示多个页面（例如：google.com、yahoo.com…）。我使用cURL multi提取这些页面的html，然后在一个页面上显示所有结果供我查看。问题是第一页的css会把下一页的css都弄乱

例句：雅虎是第一个页面，它有一个非常多样化的CSS样式，下一个是MSN，它覆盖了大多数CSS，但不是全部，而且看起来很奇怪

---

有什么解决办法吗？非常感谢，尽管我讨厌它，但是使用iFrames可能是最快的方法

更好的选择是更难的，在样式中添加前缀，或者在没有前缀的类中添加前缀

因此，如果第一个站点定义H1，然后第二个站点定义H1的方式不同，那么您将执行H1.firstsite和H1.secondsite等操作，然后在HTML中将类添加到所有H1标记中

为了安全起见，对所有类/ID也进行类似的操作，这样就没有冲突的可能

备注：某些内容可能不会显示在iframe中。

您必须使用此功能

<iframe src="http://www.google.com" width="600px" frameborder="0px"></iframe>
<iframe src="http://www.yahoo.com" width="600px" frameborder="0px"></iframe>
<iframe src="http://www.bin.com" width="600px" frameborder="0px"></iframe>

---

我建议使用iframe加载单独的页面（或具有不同查询字符串的单个页面），其中内容通过cURL检索。基本上分割cURL操作并使用iframe访问它们

---

这是我所看到的最简单、最直接的方法，对您已经完成的工作的更改最少。

iframe的东西不起作用，我使用cURL是为了一个目的，一些加载的页面是密码保护的，不能用iframe访问。第二个想法。。。这很难，我需要修改HTML和每个页面中包含的所有CSS。这是一个非常好的解析动物，我需要为更方便的视图构建它。不要相信还有其他更简单的方法。如何使用一个带有每个站点ID的跨度，然后单独编辑CSS，在每个定义之前包含该ID。因此，对于google，您只需将CSS更改为包含像#google h1、#google h2等内容，然后您的容器跨度将具有一个ID属性，值为google。正如我在另一篇帖子的评论中所说，我无法将它们放在iframe中，因为某些页面无法通过iframe访问（密码保护…），这就是我使用cURL的原因。唯一可行的方法是，我必须使用curl提取页面的HTML，然后在临时目录中为每个页面创建HTML文件，然后使用iframe从本地服务器加载它们。