老師，為什麼代碼中CSS使用li的地方如果使用ul會沒有效果呢?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div {
width: 200px;
}
li{
display: none;
}
div:hover li{
display: inline;
}
/*补充样式*/
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>
18
收起
正在回答
3回答
同学你好，同学要结合代码一起看呦，按照同学的描述，代码改为下方，代码的意思是：在div的hover状态下把ul改为内联元素。但是这种写法并不能把li也设置为内联元素，所以实现的效果不能与编程提供的效果图保持一致。
如果同学的描述不是上方的写法，可以把同学改好的代码粘贴上来，老师帮助解答。祝学习愉快~
weixin_慕雪0272820
2020-06-06 16:11:24
li{
display: none;
}
div:hover li{
display: inline;
}
我指這2處。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星