盒子模型编程练习4-2
来源:4-2 编程练习
soso_crazy
2018-07-08 18:35:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
ul {width:200px;}
/*补充样式*/
li{display:none;}
h2:hover li{display:block;}
</style>
</head>
<body>
<ul>
<h2>家电</h2>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</body>
</html>
为什么我鼠标经过时没有吧相关列表显示出来?
1回答
好帮手慕星星
2018-07-09
你这样写的话,代表的是h2标签的后代中有li标签,但是li并不是h2的子元素,所以这种表示方法是错误的哦,就可以这样修改:
自己测试下,祝学习愉快~~
相似问题