Html 更改悬停时特定h4的颜色

所以我有下面的div

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

---

但我能把它具体化吗？提前感谢。

将id添加到h4的父div，然后在css中：

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

---

将id添加到h4的父div，然后在css中：

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

---

假设现场没有属于此选择器的其他H4。你有几个选择

备选案文1：

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

备选案文2：

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

---

假设现场没有属于此选择器的其他H4。你有几个选择

备选案文1：

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

备选案文2：

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

试着用这个

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

这将改变任何h4颜色为蓝色时，它是在视频。-按钮类名称

或者试试这个

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

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

尝试使用此选项

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

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

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

这将改变任何h4颜色为蓝色时，它是在视频。-按钮类名称

或者试试这个

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

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

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

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

h4：悬停{
背景颜色：黄色；
颜色：蓝色；
}
{{video.Title}

h4：悬停{
背景颜色：黄色；
颜色：蓝色；
}
{{video.Title}

您可以尝试在css选择器中使用“div.video-Buttons h4:hover”而不是“h4:hover”。您可以尝试在css选择器中使用“div.video-Buttons h4:hover”而不是“h4:hover”。我建议在类上使用Id，因为该类可以在多个类中使用place@JamesS在这里，你不是在思考交叉页。是的，可以使用ID，但该ID也可以在其他页面的其他地方使用。我建议在类上使用ID，因为该类可以在多个页面中使用place@JamesS在这里，你不是在思考交叉页。是的，可以使用ID，但该ID也可以在另一页的其他地方使用。谢谢你，我不知道为什么我在漫长的早晨没有想到ID。我会接受你的回答，等我有另一个问题的时候。如果我希望h4是一种颜色，而文本是另一种颜色，当我在整个div上悬停时，我会怎么做？@JohnOC你希望背景是一种颜色，文本是另一种颜色？不，我已经设置了背景颜色，这很好。只是我有一个h4和一个分区中的一些文本。我希望h4是蓝色的，其余的文本是蓝色的white@JohnOC只需在文本周围放置一些

，并将颜色设置为您想要的颜色。谢谢，我不知道为什么我没有想到一个ID。这是一个漫长的早晨。我会接受你的回答，等我有另一个问题的时候。如果我希望h4是一种颜色，而文本是另一种颜色，当我在整个div上悬停时，我会怎么做？@JohnOC你希望背景是一种颜色，文本是另一种颜色？不，我已经设置了背景颜色，这很好。只是我有一个h4和一个分区中的一些文本。我希望h4是蓝色的，其余的文本是蓝色的white@JohnOC只需在文本周围放置一些

，并将颜色设置为您想要的任何颜色