Изменить предыдущий элемент в DOM при наведении с помощью CSS

Question

Я не думаю, что это возможно в CSS, но, возможно, я ошибаюсь! Вот мой HTML:

<div class="thumb_ctn"> 
    <div class="overlay"> 
     <div id="link_text">SOME LINK TEXT</div> 
    </div> 
    <figcaption>SOME OTHER TEXT</figcaption> 
</div> 

При наведении figcaption, мне нужно изменить непрозрачность «наложения» от 0 до 1.

Есть CSS решение этой проблемы или мне нужно использовать Javacript для двигать вверх по DOM?

Заранее благодарим за любую помощь.

Answer 1

Насколько я знаю, такого селектора нет. CSS «идет» по DOM. Конечно, вы можете достичь этого с помощью javascript.