html - 将CSS中DIV的内容存储在另一个文件中

Question

我想在我的 index.html 文件的左侧有一个“最近的事件”流。我有以下代码:

<div id="sidebar">
        <div class="box1">
            <div class="title">
                <h2>Recent</h2>
            </div>
            <ul class="style2">
                <li>27 Aug - Conference Meeting</li>
                <li>26 Aug - Website Created</li>
            </ul>
        </div>
    </div>

基本上我希望能够将内容(事件)存储在一个单独的文件中，这样我就可以将该文件导入到我网站的各个页面中。

我是 CSS 和网页设计的新手，我试图在谷歌上找到答案，但没有遇到任何运气。我的任务是为我团队的大学元素创建一个网站。

提前感谢您的帮助。

Answer 1

为此，您可以像这样使用 CSS:

.box1{content: url(http://www.example.com/test.html)}

查看更多信息 Mozilla Dev

话虽如此，我强烈建议不要这样做。这不是 CSS 的目的。您最好使用某种包含，例如服务器端或 PHP。如果您不知道编码，您可以随时使用像 WordPress 这样的 CMS。这将使这种任务变得轻而易举