html部分:
<div id="a">
<ul>
<li>
<ul> <li>....</li> </ul>
</li>
<li>
<ul> <li>.....</li> </ul>
</li>
<li>
<ul> <li>.....</li> </ul>
</li>
</ul>
</div>
css部分:
#a ul li{
display:none
}
#a ul li:hover li{
display:list-item;
}
在li里写上内容,就能实现;
本文介绍了一种使用CSS实现列表项默认隐藏并在鼠标悬停时显示的方法。通过设置display属性,可以使得列表项在正常情况下不显示,在鼠标悬停时变为可见。
2万+





