<html>
<head>
<style>
* {
margin: 0;
padding: 0;
}
.wps {
display: none;
/*隐藏二级菜单*/
}
li:hover .wps {
display: block;
/*用伪类显示出来*/
}
li {
list-style: nono;
}
</style>
</head>
<li class="red"> 菜单1
<ul class="wps">
<li>子菜单1</li>
<li>子菜单2</li>
</ul>
</li>
</body>
</html>