html - 悬停时更改特定 h4 的颜色

Question

所以我有以下 div。

<div ng-click="showVideo(video)" class='video-Buttons'>
    <h4 style="text-align:left;"> {{video.Title}} </h4>
    {{video.Description}}
</div>

我所有的问题是，如何在不更改网站周围其他 h4 的情况下更改悬停时 h4 的颜色，或者这是否可能？我知道要更改 h4 就是这样。

h4:hover{
    color: blue;
}

但是我可以让它具体化吗？提前致谢。

Answer 1

尝试使用它，

.video-Buttons h4:hover{
    color: blue;
}

这将在视频下将任何 h4 颜色更改为蓝色。-按钮类名

或者试试这个，

.video-Buttons > h4:hover{
    color: blue;
}

当它是视频的直接子项时，这只会将 h4 颜色更改为蓝色。-按钮类名称。