怎么让鼠标放在22222的时候里面的123456不显示。然后把鼠标放到88888的时候显示123456。求大神解答。谢谢~

Question

<style>
*{margin:0;padding:0;}
#toubu{
    background:#3d1;
    height:50px;
    width:1100px;
    margin:0 auto;
}
.nav, .nav ul{
    list-style:none;
    height:50px;
    line-height:50px;
    background:#red;
}
.nav>li{
    float:left;

}
.nav a{
    display:block;
    text-decoration:none;
    color:#000;
    padding:0 20px;
}
.nav a:hover,.nav li:hover ul{
    color:#fff;
    background:#999;
    display:block;
}
.nav li ul{
    display:none;
    background:#red;
}
.nav li ul li {
    position:relative;
    background:#red;
}
.nav li ul li ul{
    position:absolute;
    left:105px;
    top:0;    
}
</style>
<div id="toubu">
    <ul class="nav">
        <li><a href="#">1111111</a></li>
        <li><a href="#">2222222</a>
            <ul>
                <li><a href="#">7777777</a></li>
                <li><a href="#">8888888</a>
                    <ul>
                        <li><a href=“#”>123456</a></li>
                        <li><a href="#">123456</a></li>
                    </ul>
                </li>
                <li><a href="#">9999999</a></li>
            </ul>
        </li>
        <li><a href="#">3333333</a></li>
        <li><a href="#">4444444</a></li>
        <li><a href="#">5555555</a></li>
        <li><a href="#">6666666</a></li>
    </ul>
</div>

Answer 1

添加这两样css.nav li:hover ul li ul{     display: none; } .nav li ul li:hover ul{     display: block; }另外，建议把.nav li ul li ul{     position:absolute;     left:105px;     top:0;     }中left:105px改为95px,要不然的话ul和li之间有空隙，鼠标划不到ul上就消失了

Answer 2

333