0

سلام و خسته نباشید

زیر منویی ایجاد کردم و قصد داشتم تا یک خطی زیر هر کدوم از متن های درونش داشته باشم این کار رو انجام دادم ولی میخوام برای سومین متنم این کد اعمال نشه از last-child هم استفاده کردم اما نمیدونم چرا نمیشه

            <div class="menu">
                <div class="box"> </div>
                <ul>
                  
                  <li class="topmenu" id="top"> <a href="#">   &nbsp;&nbsp;محصولات &nbsp; </a>
                   
                    <ul>  
                        <a href="#">  <li class="submenu box">تن ماهی </li>  </a> 
                        <a href="#">  <li class="submenu box">گوشت    </li>   </a> 
                        <a href="#">  <li class="submenu box">کیوی    </li>  </a>
                     </ul> 
                 </li>    

          </div>

 

.menu ul li.box
{

    width: 150px;
    height: 75px;
   border-bottom: 1px solid #e9e8e8f6;
    background-color: rgb(0, 153, 218);
}

.menu ul li.box:last-child
{
    border-bottom: 0px;
}
css
کامنتی پیدا نشد.