:last-child

Question

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

پست شده در ۲۹ دی ۱۳۹۸

parsi 24

کامنتی پیدا نشد.

1 جواب

score 0 · Answer 1 · 2020-01-22T13:12:36+00:00

<div class="menu">
  <ul>
    <li>
      <a href="#">تن ماهی</a>
    </li>
    <li>
      <a href="#">گوشت</a>
    </li>
    <li>
      <a href="#">کالباس</a>
    </li>
    <li>
      <a href="#">مرغ</a>
    </li>
  </ul>
</div>

html {
    direction : rtl;
}
ul {
  list-style : none;
  border-radius : 7px;
  overflow : hidden;
  background-color: #2c303a;
  width : 20%;
  padding : 0;
  display : flex;
  flex-direction : column;
}
.menu ul li
{
    height: 35px;
    padding : .5em 1em;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color : whitesmoke;
    transition : all 0.3s ease-in-out;
    cursor: pointer;
}

.menu ul li:hover {
  background-color : rgba(13,133,236,1);
  color : white;
  padding-right: 1.5em;
}

.menu ul li:last-child
{
    border-bottom: 0px;
}

a { 
  text-decoration : none;
  color : inherit;
}

شسته رفته شو اینجا میتونی ببینی

پرسیده شده	۳۰ دی ۱۳۹۸
دیده شده	0 بار
بروزرسانی	۲ بهمن ۱۳۹۸