html - CSS 关于纯 CSS 可折叠菜单

Question

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

这是一个例子

http://cssdeck.com/labs/pure-css-tree-menu

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

这是li:hover用于执行此操作的示例

为移动浏览器制作由向下箭头触发的纯 CSS 可折叠菜单

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

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

Answer 1

我们可以！

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

取自谷歌搜索，它把我带到了这里：http: //quhno.internetstrahlen.de/myopera/csstests/collapsible-paragraph.html#url

Answer 2

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

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