css - 悬停在另一个元素上时如何更改元素？

Question

我想知道是否可以将鼠标悬停在一个元素上，并更改另一个元素的悬停状态。问题是我想应用悬停状态的元素在dom中更高，而不是更低。

这是我的标记...</p>

<figure>
  <img src="http://placekitten.com/200/300">
  <figcaption>
    <a>View image</a>
  </figcaption>
</figure>

以及我拥有的 CSS（目前显然无法使用）……</p>

a:hover figure img {opacity:0.3}

如您所见，我试图将鼠标悬停在 A 标签上，然后更改图像上的悬停状态。

如果你想测试，这里有一个 codepen……</p>

很想知道是否有解决方案。

score 2 · Accepted Answer

我不知道您是否要求严格的 css 解决方案，但总有jQuery.hover()

score 1 · Accepted Answer

1

figure:hover img { opacity: 0.3; }

于 2013-09-15T22:07:48.253 回答

2 回答 2