编程4-2，麻烦帮忙看下哪里错了
来源：4-2 编程练习
weixin_慕用5152390
2019-08-06 20:22:25
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div {
width: 200px;
}
/*补充样式*/
li{display:none;}
a{text-decoration: none;}
div a:hover h2 li{display:block;}
</style>
</head><body>
<div>
<a href="#"><h2>家电</h2></a>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body></html>
写回答
1回答
-
好帮手慕糖
2019-08-07
同学你好，元素之间隔一个空格表示后代元素，这里li不是h2的后代哦。且li也不是a的后代，建议：这里可以直接给div设置hover，然后li显示。
另，这里li是在一行显示的，建议：可以设置行内块或者行内元素。例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题