0

I don't think this is possible in CSS, but maybe I'm wrong! Here's my HTML:

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

When hovering over figcaption, I need to change the opacity of "overlay" from 0 to 1.

Is there a CSS solution to this or do I need to use Javacript to move up the DOM?

Thanks in advance for any help.

Richard Tinkler
  • 1,635
  • 3
  • 21
  • 41

1 Answers1

1

As far as I know, there is no such selector. CSS is "walking" down the DOM. Ofcourse you can achieve that with javascript though.

Jumpa
  • 878
  • 1
  • 8
  • 12