二级菜单（简述）

最新推荐文章于 2023-11-11 19:23:59 发布

秃头的吴彦祖

最新推荐文章于 2023-11-11 19:23:59 发布

阅读量197

点赞数

分类专栏：功能案例文章标签： elementui 蓝桥杯 vue.js

本文链接：https://blog.csdn.net/Xstruggle/article/details/124922948

版权

功能案例专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html代码

<body>
    <!--一级菜单-->
    <ul class="A">
    	<li>
    		<!--一级菜单标题-->
               <a href="">AA</a>
    		<!--二级菜单内容-->
    		<ul class="a">
    			<li>aa</li>
    			<li>bb</li>
    			<li>cc</li>
    		</ul>
    	</li>
    </ul>
</body>

css代码

/*隐藏二级菜单内容*/
.a > li {
    display: none;
}
/*鼠标停留一级菜单，重新显示二级菜单*/
.A:hover li li{
    display: block;
}

秃头的吴彦祖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录