Html 显示：阻止/显示：元素上无：悬停不工作

Im尝试根据documnet其他位置的链接元素上的鼠标悬停显示和隐藏包含一些文本的div：

HTML:

---

为什么以及如何使它只使用css和HTML？

您的css规则不正确。你打错电话了

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

你试图做一些逻辑，这两个都做不到

---

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

当它们一个接一个出现时，这是可能的。（没有js）

#showme

在任何级别都不是

#showhim

的后代。因此，在这种情况下，没有js是无法做到的？因为当前没有

：parent

CSS选择器，考虑到您当前的布局，CSS无法做到这一点。使用JavaScript。

    <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>

#showme {
   display: none;
}

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