4-3作业
来源：4-2 编程练习
慕尼黑8337161
2017-08-30 15:37:44
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
li{display:none;}
a{text-decoration:none;
color:black;}
.one:hover li{display:inline;}
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul class="one">
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>老师我哪里错了 显示不出来！！！
写回答
1回答
-
Tingo
2017-08-30
其实用两个标签选择器就可以解决啦~
body内把h2标签放到ul标签内和li平级
css先把li标签隐藏起来，鼠标经过ul标签的时候就让li标签变成行内样式。样式参考如下：望采纳~
<style type="text/css"> ul {width:200px;} li {display:none;} ul:hover li{display:inline;} </style>0
