                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /形形色色的下拉菜单

.top-nav li:hover>ul

相比老师给写的hover一级菜单，二级菜单显示，三级菜单隐藏；hover二级菜单，三级菜单才显示，这么麻烦。这样不是更简单，代码更少吗？ .top-nav li:hover>ul{ display:block; width:80px; }

05:53

UNKNOWING

2016-11-21

源自：形形色色的下拉菜单 5-2

关注问题我要回答

1411

操作

收起

2 回答

weibo_哆啦A梦有大口袋_0
2016-12-05

我试过了你的方法

.top-nav li:hover ul{
display: block;
}
.top-nav li:hover ul li ul{
display: none;
}
.top-nav li ul li:hover ul{
display: block;
}

上面的代码可以用下面的代码替换

.top-nav li:hover>ul{

display:block;

}

讲师只是一个简单的思路，每一个方法都有可能有完善的地方。

0 回复有任何疑惑可以回复我~

收起回答

stone310
2016-11-22

能出效果不出bug，自然是越简单越好

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

形形色色的下拉菜单

参与学习 106972 人
解答问题 543 个

本教程从易到难，循循渐进，运用不同技术实现动态下拉菜单

进入课程

.top-nav li:hover>ul

我要回答关注问题

热搜

最近搜索清空

.top-nav li:hover>ul

2 回答

.top-nav li:hover>ul