鼠标悬停事件要求所需的解决方案

Question

我有一个鼠标悬停在我无法实现的要求上，并询问是否有人可以帮助我找到解决方案。

在此页面中，有图像，下面是一个在鼠标悬停时变为蓝色的部分，但是我希望当整个部分(包括图像(都有鼠标悬停事件时，使同一部分变为蓝色。

请分享我如何实现这一目标的任何想法？

Answer 1

定义这些悬停而不是你得到的悬停：

.thumb-shadow:hover {
box-shadow: 9px 13px 26px -8px #222533;
}
.thumb-shadow:hover .capt_hover1 {
background: rgba(33, 194, 248, 0.8);
}
.thumb-shadow:hover .capt_hover1 * {
color: #ffffff;
}
.thumb-shadow:hover .capt_hover1 .btn-link {
color: #ffffff;
}