2 sliver ghost sliver_ghost 于 2015.07.16 16:42 提问

CSS选择器不能达到指定效果的问题
css

想做个带有二级菜单的导航栏效果,但是不想使用js来实现,现在样式写的差不多,但是有个问题
现在要的功能是选择某个class的li,当它被hover的时候,该li下面的ul的display属性设置成block
我现在写的代码是.nav li :hover ul{display:block;}然而并没有什么用,求教应该如何修改

3个回答

a1104381972
a1104381972   2015.07.16 16:51

.nav li ul:hover {display:block;}

sliver_ghost
sliver_ghost 不是这个效果,你写的这个的意思是找.nav li ul,当这个被hover的时候display:block,我想要的是.nav li被hover的时候,它的子元素ul的display会变成block
2 年多之前 回复
DaveLeeCN
DaveLeeCN   2015.07.16 16:54

display: none;
none是不显示,block是默认值,代表显示。
至于为什么非要用js,你试一下效果就知道了。

gy127132060
gy127132060 回复sliver_ghost: 原来是none就是不显示,,,,那你怎么指上去!!!!
2 年多之前 回复
DaveLeeCN
DaveLeeCN 回复sliver_ghost: 如果你没给ul设置固定大小的的话,那它就是根据里面的li来设置自己的大小的,既然li不显示了,都没有什么东西撑开它了,还怎么hover?你用FF或者Chrome选中ul元素看它在页面上又显示吗
2 年多之前 回复
sliver_ghost
sliver_ghost 回复DaveLeeCN:我想要的是 .nav li被hover的时候,它的子元素ul的display会变成block
2 年多之前 回复
DaveLeeCN
DaveLeeCN 回复sliver_ghost: none就是隐藏,hover是必须要在鼠标悬浮时才执行的操作,也就是说页面必须显示存在这个元素才可以用hover,这就是让你试下上面的原因,hover对隐藏的元素不起作用……
2 年多之前 回复
sliver_ghost
sliver_ghost 我原来的是none,现在要指上去变成block。。。。。
2 年多之前 回复
gy127132060
gy127132060   2015.07.17 09:51

原来是none就是不显示,,,,那你怎么指上去???去触发hover!!!!

Csdn user default icon
上传中...
上传图片
插入图片