如何使用纯CSS技术实现一个可折叠树形菜单

html-css021

如何使用纯CSS技术实现一个可折叠树形菜单,第1张

利用伪类可以实现点击打开折叠菜单,但是再次点击收起貌似就没法实现了。跟楼下说的一样,利用:hover、:active 可以设置二级菜单的样式(如height、visibility、display)以达到展开的效果。

写css结构树我喜欢按页面名->区块名进行注释,当然还有其他的注释,比如全局样式注释,IE的HACK注释什么的

CSS写法上不轻易写如DIV.hello这样的,因为这样写的优先度比直接写.hello高,以后要改写的稍有麻烦;而且对于整站所用的样式,比如.clear{},.blight{}这种,更不适宜加上元素名称的 ,因为它很可能加在div上,也能加在br、em上

排队是指书写的顺序的话,我习惯先定义全局样式,再按着页面从上到下顺序书写