Html 当鼠标悬停在DIV中时更改H2颜色

当鼠标悬停在特定的DIV上时，我已经改变了DIV的背景。我正在使用CSS来实现这一点

.home--student:hover {
    background-image: url("blahblah.jpg");
    color:white !important;
}

上面是我为DIV使用的代码，但是我使用的主题有一个h2类，该类为h2提供了一个橙色，即！重要信息不会覆盖它

---

还有其他的方法吗？不编辑主题文件。我还希望鼠标离开div时颜色恢复为橙色，因此我不想更改h2类。

以比主题更具体的

h2为目标

例如：

如果主题有：

h2 { background: orange; }

覆盖它（考虑到h2存在于
div.someclass
容器中）：

或者如果它没有父母：

body > h2 { ... }

或：

编辑：如果要在鼠标悬停在div上时更改H2的颜色：

div.home--student:hover > h2 { ... }

或者，如果h2不是div的直接子级，则：

div.home--student:hover h2 { ... }

以比主题更具体的
H2
为目标

例如：

如果主题有：

h2 { background: orange; }

覆盖它（考虑到h2存在于
div.someclass
容器中）：

或者如果它没有父母：

body > h2 { ... }

或：

编辑：如果要在鼠标悬停在div上时更改H2的颜色：

div.home--student:hover > h2 { ... }

或者，如果h2不是div的直接子级，则：

div.home--student:hover h2 { ... }

这可能就是你想要的：

.home--student:hover {
    background-image: url("blahblah.jpg");
}

.home--student:hover, .home--student:hover h2 {
    color:white !important;
}

.home--student:hover
以
为目标，而
.home--student:hover h2
以
内的任何
为目标


注
你确定你真的需要
！重要信息
？除非覆盖的CSS使用
！重要信息
本身，您并不真正需要
！重要信息

在这种情况下，只需确保足够高
 这可能就是你想要的：

.home--student:hover {
    background-image: url("blahblah.jpg");
}

.home--student:hover, .home--student:hover h2 {
    color:white !important;
}

.home--student:hover
以
为目标，而
.home--student:hover h2
以
内的任何
为目标


注
你确定你真的需要
！重要信息
？除非覆盖的CSS使用
！重要信息
本身，您并不真正需要
！重要信息

在这种情况下，只需确保足够高
 我想这样做，但我需要它在鼠标悬停在div时被触发，如果我只是在h2上悬停，当鼠标悬停在div上时修改h2颜色的答案就没有那么好了谢谢！！我不知道你可以这么做，我正想这么做，但我需要它在鼠标悬停在div中时被触发，如果我只悬停在h2上，它就不会真的那么好了。我编辑了当鼠标悬停在div上时更改h2颜色的答案谢谢！！我不知道你能做到这一点，非常有用的解释和编写代码的简单方法，也谢谢你的注释非常有用的解释和编写代码的简单方法，也谢谢你的注释