当其他元素在CSS中盘旋时更改元素

Question

我很困惑，因为我一直认为当另一个元素直接在css中盘旋时你可以改变一个html元素的css：

h1:hover h2 {
color:red;
}

我记得我所知道的，当h1悬停时，上面的代码应该将h2的颜色改为红色，但它不起作用。我做错了什么？

Answer 1

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

Answer 2

你正在使用后代组合子，所以你的规则是：

  

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

source

HTML中不可能有h2作为h1的后代（这没有意义：子标题如何成为标题的一部分？）。

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