【问题标题】:Update header color based on page content [duplicate]根据页面内容更新标题颜色[重复]
【发布时间】: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 构建站点,而我的标题是基本模板的一部分,所以我必须找到一种方法来更新每个页面的类。

标签: html css


【解决方案1】:

您不能仅使用 css 来做到这一点,您需要 jquery 中的 .prev() 之类的东西来实现这一点。 Related discussion

【讨论】:

  • 感谢您的指导和指向此线程。我需要学习一些 jquery!
  • 是的!我已经确认,这正是我所需要的!谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-08-03
  • 1970-01-01
  • 2019-03-04
  • 2015-02-07
  • 1970-01-01
相关资源
最近更新 更多