老師，為什麼代碼中CSS使用li的地方如果使用ul會沒有效果呢?
来源：4-2 编程练习
weixin_慕雪0272820
2020-06-06 16:09:57
<!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>
3回答
-
同学你好，同学要结合代码一起看呦，按照同学的描述，代码改为下方，代码的意思是：在div的hover状态下把ul改为内联元素。但是这种写法并不能把li也设置为内联元素，所以实现的效果不能与编程提供的效果图保持一致。
如果同学的描述不是上方的写法，可以把同学改好的代码粘贴上来，老师帮助解答。祝学习愉快~
0 -
好帮手慕言
2020-06-06
同学你好，如果换成下方的写法，那么ul是行内元素了，并没有把li调整为行内元素，所以不能实现效果。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h020-06-06 -
weixin_慕雪0272820
提问者
2020-06-06
li{
display: none;
}
div:hover li{
display: inline;
}
我指這2處。
0
相似问题