display属性：4-3代码疑问

li{display:none;}
:hover li{display:inline-block;}

这样就可以设置成答案想要的效果（还有，这个hover是指触碰哪个元素然后显示？）

li{display:none;}
li:hover{display:inline-block;}

这样就不行，为何？

a1376743421 2018-05-01

源自：盒子模型 4-2 编程练习

103

收起

3回答

好帮手慕夭夭回答被采纳获得+3积分 2018-05-02 09:53:59

hover是指鼠标指针浮动在某个元素上,并设置样式 . 根据本练习题中要求,家电列表<li>隐藏 , 鼠标滑过家电时让其下面的家电列表显示.所以hover给隐藏的<li>元素设置是不对的.

建议修改如下:

希望能解答你的疑问, 自己动手实战一下哦!

Paranoid_L #1

那为啥设置h2:hover li{display:block;}这样也不行呢

2018-05-09 16:16:45
好帮手慕夭夭回复 Paranoid_L #2

因为h2:hover li 是后代选择器 ,表示 h2下面的子元素 li , 而练习题中 h2与li是同级元素 ,所以不可以这样设置哦~

2018-05-09 17:49:18
慕工程9182859 回复好帮手慕夭夭 #3

h2和li不是包含关系，为什么h2:hover li会表示h2下面的子元素li

2018-05-22 23:15:04

点开查看后面2条评论

jinlingren1122 2018-05-13 23:30:01

li{display: none;}

a{text-decoration:none;color:black;font-weight:lighter;}

ul:hover li{display: inline;}

父级元素上使用：hover

Paranoid_L 2018-05-09 16:16:24

那为啥设置h2:hover li{display:block;}这样也不行呢

相似问题

静态代码块中创建的对象调用的属性是静态属性吗？

display：-webkit-box和display:flex的区别

display是啥属性

对设置position属性的疑问

静态代码块里能够声明静态属性吗

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载