用css如何实现二级菜单的显示

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

百度网友ad45923b8
2018-08-05 · 知道合伙人软件行家

百度网友ad45923b8
知道合伙人软件行家

采纳数：262 获赞数：386

从事IT互联网行业16年，经验丰富，擅长ASP、HTML、Javascript，Css，JQuery，PHP，PS，FL，AI，E，服务器等

向TA提问私信TA

关注

展开全部

最简单的就是利用CSS层级关系进行编写

比如：

<ul class="main_menu">
    <li>
        <span>主菜单</span>
    </li>
    <li>
        <span>主菜单二</span>
        <ul class="sub_menu">
            <li>三级菜单</li>
            <li>三级菜单二</li>
        </ul>
    </li>
</ul>

CSS部分可以这样写：
<style>
ul.sub_menu {display:none;}   // 先让二给菜单隐藏
ul.main_menu>li:hover ul.sub_menu {display:block;}  //当鼠标划过第一级主菜单的li标签时，当前子级的二级ul就显示出来。


//其它的你自己再美化，主要告诉你方式
</style>