如何在div悬停上设置H2标签的颜色？

Question

所以我想在divID中设置H2的颜色：悬停在css中。

有办法做到这一点吗？

顺便说一下，我不想使用Javascript。

#moto:hover {
    cursor: pointer;
    border-color: green;
    color: green;
}

Answer 1

这将适用于悬停在div内的任何位置的h2元素。

#divId:hover h2 { 
    style
}

使用儿童组合器仅适用于直接儿童。

#divId:hover > h2 { 
    style
}

Answer 2

我添加了一些颜色，您可以根据需要进行管理。

#moto {

    border-color: blue;
    color: black;
    height:30px;
    background-color:gray;
}
#moto:hover {
    cursor: pointer;
    border-color: green;
    color: green;
    height:30px;
    background-color:red;
}

<h2 id="moto">heading</h2>

Answer 3

选择器应为

#moto:hover h2 { ... }