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

Question

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

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

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

Answer 1

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