I am trying to apply some hover effect to a image inside a div. Something like this in html

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

```

At css i tried something like

```
.img:hover { some css code goes here}

```

this works fine. But what if i want to apply those changes not to whole img tags but only to "hey" class? Is it okay to do something like this?

.hey[img:hover] { some css code... i think this does not work}