使用 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 上时，我需要将 "overlay" 的不透明度从 0 更改为 1。

是否有 CSS 解决方案，或者我是否需要使用 Javacript 来提升 DOM？

在此先感谢您的帮助。

Answer 1

据我所知，没有这样的选择器。 CSS 比 DOM 低 "walking"。当然，您可以使用 javascript 来实现。

使用 CSS 悬停时更改 DOM 中的上一个元素

Change previous element in DOM on hover using CSS

html

css

hover