怎么让鼠标放在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