悬停时更改特定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颜色更改为蓝色。-按钮类名称。

Answer 2

在h4的父div中添加一个ID，然后在CSS中添加一个ID：

#ID h4:hover{
    //Whatever you want to do
}

Answer 3

假定该站点上没有其他h4属于该选择器。您有几种选择。

选项1：

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

选项2：

div[ng-click="showVideo(video)"] h4:hover{
    color: blue;
}

Answer 4

<style>
h4:hover {
    background-color: yellow;
    color: blue;
}
</style>

<h4 style="text-align:left;"> {{video.Title}} </h4>