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

In your particular case it's easy, since #bg is a child of #hv

Just change your hover selector from what you have to this:

#bg:hover #hv {...}

See my fork of your fiddle here: http://jsfiddle.net/xJSQt/