Html CSS3菜单复选框黑，隐藏菜单后，任何点击本身 背景

我正在为移动设备设计一个菜单，并试图完全避免使用JS。我正在使用复选框hack来显示和隐藏菜单，这是可行的

问题 我希望在单击链接时隐藏菜单。现在这不管用

现行代码

.toggle+a..菜单{
显示：无；
z指数：10；
}
.切换{
显示：块；
填充：0 20px；
字体大小：20px；
线高：20px；
文字装饰：无；
边界：无；
填充：无；
}
.切换img{
宽度：5%；
浮动：对；
填充：0；
}
[id^=drop]：选中+ul{
显示：块；
}
保险商实验室{
宽度：100%；
}
ulli{
显示：块；
宽度：50%；
左边距：50%；
边框底部：1px实心rgba（63,63,63,1）；
背景：灰色；
}
李：停一停{
边框底部：无；
转化：无；
}
ullia{
宽度：90%；
文本对齐：右对齐；
}

快速回答 不幸的是，这是不可能的。你需要一些JS来创建你想要的效果

---

无JS的近似 如果移动整个菜单并在

标签

元素中输入，则单击该菜单应关闭菜单。我已经在下面的片段中完成了这项工作

问题在于点击实际的

元素似乎不会触发标签。这是奇怪的，因为根据，它应该，人们关心的是防止它。它可能是特定于浏览器的


.toggle+a..菜单{
显示：无；
z指数：10；
}
.切换{
显示：块；
填充：0 20px；
字体大小：20px；
线高：20px；
文字装饰：无；
边界：无；
填充：无；
}
.切换img{
宽度：5%；
浮动：对；
填充：0；
}
[id^=drop]：选中+ul{
显示：块；
}
保险商实验室{
宽度：100%；
}
ulli{
显示：块；
宽度：50%；
左边距：50%；
边框底部：1px实心rgba（63,63,63,1）；
背景：灰色；
}
李：停一停{
边框底部：无；
转化：无；
}
ullia{
宽度：90%；
文本对齐：右对齐；
}










您的html代码是什么？您好，我已经添加了我的html代码。您可以创建一个JSFIDLE，这将有助于了解错误所在。您的CSS格式错误，有许多拼写错误。@Paulie\u D什么拼写错误？一切都拼写正确。堆栈溢出上的布局是代码块按钮对它所做的，我不这样写CSS，但这就是编辑后的情况Hi@Andy请注意，我的CSS文件根本没有任何空格，您在上面看到的空格是对我的代码所做的，因为我已经用w3c验证器验证了我的代码，如果您看到我的JSFIDLE：-这就是我的CSS看起来的样子没有空格，菜单仍然不隐藏我看到您的代码片段在下拉列表中工作，就像我在我的网站上一样，我的问题是，当你点击其中一个链接时，菜单不是自动隐藏的，这正是我请求帮助的地方。谢谢，我已经更新了答案，使之尽可能接近CSS。谢谢，我想我必须在这个问题上实现jQuery，因为CSS不是最好的选择，除非我可以离开它