使用CSS更改悬停在DOM上的前一个元素

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来实现这一点。