菜鸟来了……用css做的下拉菜单可是鼠标滑过盒子却不显示，求帮忙看一下代码~

Question

#menu li dl dt:hover .boxes{
		display:block;		
	}
	#menu li dt a:hover{
		color:#F90;		
	}
.boxes{
	display:none;
	position:relative;
	height:89px;
	top:-20px;
	left:150px;
	z-index:10;
	background-color:#C99;}

<div id="menu">

                    <li>              

                            <dl>

                                <dt><a href="#">时尚女装</a></dt>

                                <div class="boxes">

                                    <dd><a href="#">裙子&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">上衣&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">裤子&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">鞋子&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">内衣&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">配饰</a></dd>

                                </div>

</dl>

                            <dl>

                                <dt><a href="#">时尚男装</a></dt>

                                <div class="boxes">

                                    <dd><a href="#">上衣&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">裤子&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">鞋子&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">内衣&nbsp;&nbsp;</a></dd>

                                    <dd><a href="#">配饰</a></dd>

                                </div>

                            </dl>

                    </li>

</div>

Answer 1

“#menu li dl dt:hover .boxes”这句话有问题，dt和.boxes是并列关系，而非从属关系，从你的代码中可以看出，你是否是想这样“#menu li dl:hover .boxes”？希望可以帮到你