Как я могу изменить элемент во время зависания над другим?

Question

Я хотел бы знать, можно ли нависнуть над одним элементом и изменить состояние зависания другого элемента. Проблема заключается в том, что элемент, который я хотел бы применить для состояния зависания, выше в dom, а не ниже.

Вот моя разметка ...

<figure> 
    <img src="http://placekitten.com/200/300"> 
    <figcaption> 
    <a>View image</a> 
    </figcaption> 
</figure> 

и CSS У меня есть (что, очевидно, не работает в данный момент) ...

a:hover figure img {opacity:0.3} 

Как вы можете видеть, что я пытаюсь навести курсор мыши на Тег, а затем измените состояние зависания на изображении.

Вот codepen, если вы хотите, чтобы проверить ...

http://codepen.io/anon/pen/giEGD

Очень хотелось бы знать, если есть решение.

Answer 1

figure:hover img { opacity: 0.3; } 

Answer 2

Я не знаю, если вы просите строго CSS решение, но всегда есть jQuery.hover()

your example с помощью этого