Can I use img:hover to get another element?

Question

So is it possible to make this work

#element img:hover #otherelement {...}

like

#element:hover #otherelement {...}

Answer 1

As img cannot hold any other nested tag, I assume you are targeting the adjacent element, you can use adjacent selector here using +

#element img:hover + #otherelement {...}

The above selector will select the element next to img tag when the image is hovered.

Note: Above selector will work only if you've your markup like

But will fail if you've markup like