使用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來實現這一點。