html - 使用 CSS 更改兄弟悬停时的元素样式

Question

我有以下结构:

<div id="e1">
  <h1>Header</h1>
  <div id="main">text text text text</div>
  <div id="footer">something</div>
</div>

我想要 <h1>例如，当页脚悬停时变为蓝色。我知道我可以用 Javascript 做到这一点，但我想知道你是否知道一些 CSS 技巧来做到这一点。

谢谢!

Answer 1

您的 h1 出现在 #footer 之前，因此使用纯 CSS 是不可能的，因为它不提供选择器来匹配前面的同级元素。