HTML对象标签不继承CSS

Question

我在 Github Pages 上托管我的个人网站，由于这不允许服务器端脚本，我已将所有 php include 语句替换为 object 标记。 (非常未完成的)网站已上线 here正如您所看到的，顶部的导航栏不会从包含它的页面继承任何样式。

我该如何解决这个问题？影响导航栏的样式在 bootstrap.css 和 custom.css 中定义，这两个文件都链接到父页面的头部。包含导航栏的 HTML 文档不包含 head 或 body 标记，因为它们将嵌套在父页面的 body 标记内。将 head 部分放入导航栏的源代码中意味着我的所有 CSS 和 JS 每次页面加载都会加载三次(父级、导航栏、页脚)。

Answer 1

页面加载<object>本质上与使用 <iframe> 加载的页面相同。它们是独立的文档，样式不会级联到其中。

How can I fix this?

在每个页面中包含您的样式。

作为一种可怕的黑客行为，您可以使用 JavaScript 动态添加脚本和链接到框架中的页面......但您最好预先这样做。

The HTML document that contains the navbar does not contain head or body tags because they would be nested inside the body tags of the parent page.

它是一个单独的 HTML 文档。如果不包含 head 部分，则会使其无效。

Putting a head section into the navbar's source would mean all my CSS and JS loads three times per page load (parent, navbar, footer).

不，不会。浏览器缓存之前加载过的文件。

<小时/>

顺便说一句，如果我遇到不允许服务器端脚本编写的主机，我会使用模板预处理器(例如ttree或wintersmith.io)，而不是任何类型的客户端包含(像框架)。