Html 如何从两个单独的div连接元素？

我一直在尝试将链接与图像连接起来，这样当链接悬停时，img标记会切换到可见性：可见自可见性：隐藏。我给了他们两个身份证，我把他们放在不同的分区。问题在于，我似乎无法通过标记来影响img标记，无论我如何尝试，仅仅因为它们位于不同的div中。我尝试过使用>和+属性，但这不起作用，因为它们不相关

有可能这样做吗

例如：

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

您可以使用jquery

$("#somethingLink").hover(
function(){$("#somethingImage").css("visibility","visible");},
function(){$("#somethingImage").css("visibility","hidden");}
)

---

您可以使用jQuery进行以下操作：

$('#somethingLink').hover(function(){
    $('#somethingImage').css("visibility", "visible");
});

---

只需确保

#somethingingimage

设置为

可见性：隐藏在CSS中。
您不必使用JS

更改选择器的


这并非不可能，但取决于实际的HTML。你能提供一个JSFIDLE吗？不过JS/Jquery是最简单的。这可以在Jquery中非常简单地完成，我在下面添加了一个答案。如果您有任何问题，请告诉我。我不确定这是否正确，而且您拼写的可见性错误。非常好！我真丢脸，总是这么快就求助于JS。
#something1:hover  ~ #something2 img {
    visibility: visible;
}

#something2 img {
    visibility:hidden;
}