Html 当其他元素悬停在CSS中时更改元素

我很困惑，因为我一直认为当另一个元素直接悬停在css中时，可以更改html元素的css：

h1:hover h2 {
color:red;
}

---

我回忆起我所学到的一切，当h1悬停在上面时，上面的代码应该将h2的颜色更改为红色，但它不起作用。我做错了什么？

仅当h2嵌套在标记中的h1中时。但是html w3c规范禁止嵌套标题。

您使用的是后代组合符，因此您的规则：

选择作为处于悬停状态的h1元素的后代的任何h2元素

在HTML中，h2不可能是h1的后代（这没有意义：子标题怎么可能是标题的一部分？）

---

规范的这一部分可能会向您展示一些东西，允许您跟踪从H1到H2的DOM路径（我们无法看到，因为您没有包含HTML）。

只有当

H2

是

H1

的子节点或孙子节点时，这才有效。您可以使用

JQuery