菜鸟来了……用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”？希望可以帮到你