纯CSS无限级下拉菜单

　　转载请注明出处，css探索之旅-飘零雾雨的庄园

　　前几天翻出以前写的一个纯CSS仿微软经典菜单，现在看来才感叹，微软的经典菜单确实很经典，至少看起来不觉得厌烦。

　　感叹归感叹，想想既然可以实现下拉菜单了，那么无限级下拉菜单理论上也是可以实现的，看了下之前的代码结构，马上肯定了这个理论。当然这完全归功于伟大的子选择符，形如：E>F，遗憾的是IE6并不支持子选择符，甚为郁闷，不过也不用放弃，可以换个解决方案。

　　一般来说无限级只是一种“存在状态”，但其实我们会用到的“并不会是无限”，而是有限的一定级数，比如说7级，8级，或更多一点，因为超出屏幕就没多少实际意义了，并且实际情况也比较少会出现那么深的层次关系。

　　无限级在非IE下是可以很简单就实现的，IE6也并非不能实现，只是稍微繁琐的，且不是“智能”的实现，而是通过“预设”，比如你预计最多只会出现6级的下拉菜单，那么预设10级应该就足够适应那些不确定因素了。所以前面我才会说无限级其实只是一种“存在状态”，我们所用到的并不会是无限的。

　　趁着一会的空闲，动手改造了一下原有的css样式文件。来看实例：

　　[纯CSS无限级下拉菜单实例：http://www.doyoe.com/model/xhtmlcss/menu/menu1/3.htm]

　　相关阅读：

[纯CSS仿微软经典菜单实例]

[纯CSS打造的下拉菜单横向实例]

[纯CSS打造的下拉菜单纵向实例]