html - 在CSS中悬停不同的div

Question

我正在尝试对 div 内的图像应用一些悬停效果。在 html 中是这样的

<div class="hey">
 <img src="./img/pic.png">
</div>

在 css 我试过类似的东西

.img:hover { some css code goes here}

这很好用。但是，如果我不想将这些更改应用到整个 img 标签，而只是应用到“嘿”类呢？做这样的事情可以吗？

.hey[img:hover] { 一些 css 代码...我认为这不起作用}

Answer 1

我会在 div 上使用悬停。

.hey:hover{
}
.hey:hover img{
}