html - 关于css二级导航菜单的做法~~~

问题描述

<ul class='menubg'> <li class='first_item current_nav'> <a href='https://www.haobala.com/wenda/6233.html'>主页</a> <ul style='display: block; '> <li class='no-border'><strong>热点频道：</strong></li><li><a href='https://www.haobala.com/wenda/6233.html'>金葵花理财</a></li><li><a href='https://www.haobala.com/wenda/6233.html'>私人银行</a></li><li><a href='https://www.haobala.com/wenda/6233.html'>个人贷款</a></li><li><a href='https://www.haobala.com/wenda/6233.html'>出国金融</a></li><li><a href='https://www.haobala.com/wenda/6233.html'>现金管理</a></li><li><a href='https://www.haobala.com/wenda/6233.html'>空中银行</a></li><li><a href='https://www.haobala.com/wenda/6233.html'>财智生活网</a></li></ul></li>

在制作p+css二级导航菜单的时候，为了可以达到鼠标经过大按钮而产生相对应的二级菜单按钮。我都是用ul把二级的子按钮包起来，放在外面相对应的<li>里面，在配合jquery的mouseenter达到效果，可是这样整个dom看起来觉得很复杂！

所以有没有其他关于二级导航的制作方法！就是最后是二级子菜单的ul是和一级菜单的ul是放在一起的？

问题解答

其实你这这结构一点也不复杂，鸡肉味嘎嘣脆