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

时间:2017-04-30 18:03:20

标签: html css

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

h1:hover h2 {
color:red;
}

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

  

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

source

HTML中不可能有h2作为h1的后代(这没有意义:子标题如何成为标题的一部分?)。

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