【发布时间】:2021-02-27 09:20:35
【问题描述】:
我正在构建一个网站,其标题将出现在所有页面上。但是,我希望标题根据标题后面的 div 更改背景颜色。有没有办法只用 1 个 css 文件就可以做到这一点?
header {
color: white;
background-color: red;
text-align: center;
}
<header>
<h1>header</h1>
</header>
<div id="page1">
<p>page content</p>
</div>
这是我网站上的一个页面示例。假设我有另一个页面,该页面的 id 为“page2”。如何根据 div 的 id 动态更新背景?这可能吗?如果没有,是否有一种简单的解决方法来实现所需的结果?
【问题讨论】:
-
我建议在您的标题中添加一个特定于页面的类并设置各种类的样式。
-
@Rafael 感谢您的意见。问题是我正在使用 Django 构建站点,而我的标题是基本模板的一部分,所以我必须找到一种方法来更新每个页面的类。