html - 如何连接来自两个独立 div 的元素？

Question

我一直在尝试将链接与图像连接起来，以便在悬停链接时，img 标记从可见性切换为可见性:可见性:隐藏。我给了他们两个 ID，并将它们放在不同的 div 中。问题在于，无论我如何尝试，我似乎都无法用 a 标签影响 img 标签，因为它们位于不同的 div 中。我尝试过使用 > 和 + 属性，但这不起作用，因为它们不相关。

这有可能吗？

例子:

<div id = "something1"> <a href = "something.html" id = "somethingLink"> Word </a> </div>
<div id = "something2"> <img src = "something.jpg" id = "somethingImage"/> </div>

Answer 1

您不必使用 JS。

改变你的选择器

FIDDLE

#something1:hover  ~ #something2 img {
    visibility: visible;
}

#something2 img {
    visibility:hidden;
}