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
大约 3 年之前 回复
DaveLeeCN
DaveLeeCN   2015.07.16 16:54

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
:first-child 的坑(first-child的伪类选择器不起作用)
比如下面的代码,刚开始不知为什么 :first-child的伪类选择器不起作用,而last-child却有作用 尊敬的用户您好,您的入职流程需要按照如下步骤进行操作,了解流程后即可前往填写相关信息 填写入职资料和身份信息 (包括身份证账号和照片等) 查看相关规章制度并确认 签劳动合同
css分组合嵌套选择器
1.分组选择器 在样式表中有很多具有相同样式的元素。 如: h1 { color:green; } h2 { color:green; } p { color:green; } 为了尽量减少代码,你可以使用分组选择器。 每个选择器用逗号分隔. h1,h2,p { color:green; } 2.嵌套选择器 它可能适用于选择器内部的选择器的样式
类选择器和所作用的标签一起写为什么不起作用?
HTML代码: css样式: 这不是将样式作用于circle类下的有current类的li标签吗?为什么不起作用? 原因: 选择器理解错误! 一般常用的选择器有标签选择器,类选择器,ID选择器,后代选择器等等。 对于后代选择器的格式是:外层选择器 内层选择器 { 属性:值; } 中间是以空格间隔的,意思是将样式作用于某个元素后代的元素。
jquery多css选择器获取指定元素
场景 jquery多css选择器获取指定元素,相信你看到这一定会问一个id就搞定的事干嘛扯这么多,但是某些情况下就很无奈呀,就比如今天一哥们问我,一个元素上面有两个class,要怎么获取这个元素,我第一反应也是扔个id上去多好简单粗暴,结果他回答说,这是修改老项目,html不让动,这就很无奈。 代码 既然使用jquery,那第一反应就是符合属性选择器喽~ [selector1][s...
CSS选择器总结(代码实例+执行效果图)
CSS样式选择器代码实例: 1、标签选择器 2、类选择器 3、ID选择器 4、子选择器 5、包含选择器 6、通用选择器 7、伪类选择器
<学习CSS>第二天笔记-选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)
选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)
CSS选择器命名规则
导语:在实际项目中,因为参与人员个人习惯不一样,导致写出的CSS选择器命名千奇百怪,对项目维护运营、内部技术沟通均产生了不利影响。因此在项目实施前,网页重构人员有必要统一CSS选择器命名规则,以期将更多精力放在其他工作上。 1、W3C规范 W3C CSS2.1的 4.1.3 节中提到:标识符(包括选择器中的元素名,类和ID)只能包含字符[a- zA-Z0-9]和ISO 1064
CSS3选择器,筛选指定的index的元素,兼容IE7+
1.定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 ul> li>1li> li>2li> li>3li> li>4li> ul> 选取上面结构里面的li ul li:nth-child(1){ color:#fff; }/*选取第一个li*/ ul li:nth
HTML5---H5---CSS常用的选择器
属性: element1~element2 p~ul 选择前面有 元素的每个 元素。 3 [attribute^=value] a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 元素。 3 [attribute$=value] a[src$=".pdf"] 选
CSS选择器的权重问题
css选择器的优先级,谁的优先级更高,不仅要看选择器还需要看权重 要学会计算权重才能更好的引用想要的样式