Html 将两个不同样式的页面合并为一个页面

Html 将两个不同样式的页面合并为一个页面,html,css,django,merge,Html,Css,Django,Merge,我想把网页包含到另一个页面中,但最好不要使用iFrAME,因为我讨厌页面中间的滚动条。 假设我想把A作为B的一部分 我试着在B上创建一个div,在其中包含a,然后使用JQuery加载页面,如下所示: $(document).ready(function() { $('#inv_view').html('loading...').load("{% url 'invoice.invoice.view' invoice.ID %}"); }); 我的问题是A使用自己的CSS样式集,当A加载

我想把网页包含到另一个页面中,但最好不要使用iFrAME,因为我讨厌页面中间的滚动条。

假设我想把A作为B的一部分

我试着在B上创建一个div,在其中包含a,然后使用JQuery加载页面,如下所示:

$(document).ready(function() { 
    $('#inv_view').html('loading...').load("{% url 'invoice.invoice.view' invoice.ID %}");
});
我的问题是A使用自己的CSS样式集,当A加载时,这些样式会覆盖B上的样式。我怎样才能防止这种情况


同样,我知道使用iframe很容易做到,但是。。。Meh

要做到这一点并不容易,除非您同时控制两个页面样式表

如果这样做,只需在所有规则前面加一个类选择器

将此类放置在每个模板中的body标记上


当您将一个页面拉入另一个页面时,只需将其与您的类一起包装在一个div中。

您可以通过PHP轻松完成此操作。以下是您需要采取的步骤:

1:将两个文件从
.html
更改为
.php
(这将允许读取php)

2:在要包含fileA内容的fileB中,编写以下内容:

        <?php include 'fileA.php' ?>

B页是一整页,有一个
部分等等吗?如果是这样的话,这就不太好用了。但是,如果页面B只是一段代码,那么使用PHP include就可以了。使用JavaScript加载,您可能根本不会加载页面B的CSS。在Firebug for Firefox或类似的工具中检查网络注册,如果CSS已经加载的话。听起来是个简单的想法。不知道为什么我没想到。只需将A的所有样式包装在一个类中并使用:)感谢Buddy,我对这个问题的描述并不清楚,但我正在将Django与python结合使用,因此PHP并不可取:)明白了。我错过了django标签。很抱歉
p {
    font-size:18px;
}
#fileA p {
    font-size:25px;
}