CSS 关于纯 CSS 可折叠菜单答案

【问题标题】：CSS about pure css collapsible menuCSS 关于纯 CSS 可折叠菜单
【发布时间】：2012-12-28 02:07:28
【问题描述】：

我想知道有没有纯 css 可折叠菜单的好例子

这是一个例子

该示例使用input:checked 作为触发器将子级从display:none 更改为display:block

这是使用li:hover 的示例

但是我想用li:click作为触发器，可以吗？

非常感谢您的建议，非常感谢我能举个例子。

【问题讨论】：

【解决方案1】：

你不能纯粹用 CSS 来做到这一点， :click 甚至不是一个有效的 CSS 选择器属性（如果我在这里错了，请有人纠正我）。您只能使用：活动、悬停和访问。但是，您可以使用 javascript 或 jQuery

例如。 $('li').click(function(){//Do Something});

【讨论】：

【解决方案2】：

是的，我们可以！

您可以使用在点击时激活的:focus 伪：http://jsfiddle.net/w5zev/2/ 停用对于这种技术来说更加棘手。

【讨论】：