显示：阻止/显示：元素无：悬停不起作用

Question

我要根据鼠标悬停在位于文档空间的其他位置的链接元素上显示和隐藏带有一些文本的div：

HTML：

    <ul class="black-white one-on-two" id="hidden-menu">
        <li><a id="showhim" href="#">SHOW HIM?</a></li>
        <li><a href="#">HOW?</a></li>
        <li><a href="#">WHO?</a></li>
    </ul>
    <div class="one-on-two" id="showme"> SHOW ME</div>

CSS：

#showme {
   display: none;
}

#showhim:hover #showme {
   display: block;
}

为什么以及如何使其仅可用于CSS和HTML？

Answer 1

您的CSS规则不正确。您在其中输入了错误的ID。

仅HTML和CSS是不可能的。 HTML用于标记，而CSS用于样式。

您正在尝试执行某些逻辑，这两种逻辑都无法做到。

您将需要一些JavaScript，它们将侦听悬停事件并更改要显示或隐藏的另一个div的显示属性。