How do I change image A when hovering over image B without JavaScript only CSS

Question

I would like to know how to update image A when I hover over image B using only CSS, is it possible? if not how will I do that using only pure JavaScript (no library). But c

Answer 1

To update the background position on the inner element #hv when hovering the outer element #bg, you can:

See this Working Fiddle Example!

#bg:hover #hv {
   ...
}