纯CSS移动菜单既不使用脚本也不使用伪CSS功能也不使用复选框

Question

是否有一种已发布的CSS移动菜单技术既不使用脚本(如javascript、jQuery等(，也不使用伪CSS功能，也不输入HTML复选框？

Answer 1

这确实使用了:hover伪类，但它不是伪元素。只要菜单是触发器的兄弟菜单，并且:hover在它们的公共父菜单上，并且只要切换菜单与触发器对接，从而在悬停状态中没有间隙，这就应该有效。在非触摸时，这将是一个悬停动作(或者你可以完全隐藏它。在触摸时，悬停应该被视为触摸动作。

nav {
display: block;
position: relative;
}
ul {
display: none;
}
nav:hover ul {
display: block;
position: absolute;
top: 0;
}

<nav>
<span>Menu</span>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</nav>