如何在将鼠标悬停在图像上时显示字体

Question

只有当有人将鼠标悬停在span标签上时，我才想显示span标签的内容。我不知道该怎么做。我在同一个span标签中进行了鼠标悬停，但我没有工作。任何想法或建议都将对有帮助

<input type="checkbox" name="python" id="py"> <img src="https://www.svgrepo.com/show/331553/python-package-index.svg" alt="" id="py" width='50px'><span id="py">Python</span>

我想做的是，当有人将鼠标悬停在复选框上时，输入的内容就会出现，并告诉用户右手边的图像名称，这就是我连接的原因。我给所有人相同的id，这可能是错误的

Answer 1

#py-text {
display: none;
}
.wrapper:hover #py-text {
display: inline;
}

<div class="wrapper">
<input type="checkbox" name="python" id="py-checkbox">
<img src="https://www.svgrepo.com/show/331553/python-package-index.svg" alt="" id="py-img"                 width='50px'>
<span id="py-text">Python</span>
</div>