3级菜单边框线盖住了2级菜单

Question

  .nav{margin-top:80px;margin-left:90px;position:relative;width:180px;border-top:2px solid green;border-bottom:1px solid #ccc;}

  .manua{display:none}

  .nav .mx{border-bottom:0;margin-bottom:-1px;}

  .nav>li:hover{border-right:0;border-left:2px solid green; color:green;}

  .nav>li+li{border-top:1px solid #ccc;}

  .nav>li{height:40px;border-right:1px solid #ccc;border-left:1px solid #ccc;font-size:17px; text-align:center;line-height:40px;}

  #manu{width:180px;display:none;position:absolute;border:1px solid #ccc;border-left:0;border-right:0;top:-2px;left:179px; padding-left:10px;}

  #manu>li+li{border-top:1px solid #fdeaea;}

  #manu>li{border-right:1px solid #ccc;position:relative;height:41px;text-align:center;line-height:40px;color:green;font-size:14px;}

  .nav li #manu>li:hover{border-right:2px solid #ffffff;}

  #manu li ul{border:1px solid #ccc;width:330px;position:absolute;display:none;left:179px;top:-1px;}

  #manu li ul li{height:40px;text-align:center;line-height:40px;color:red;}

  #manu li ul li+li{border-top:1px solid #ccc;}

  <div>

    <ul class="nav">

      <li>运动类

         <ul id="manu">

           <li>跑

             <ul>

               <li>慢跑</li>

               <li>慢慢跑</li>

               <li>慢慢慢跑</li>

             </ul>

           </li>

  $(function(){

        $(".nav li").on("mouseover",function(){

          $(this).children().show()

        })

        $(".nav li").on("mouseout",function(){

          $(this).children().hide()

        });

      })

Answer 1

层级没有给到