Блог

Главная - Вопросы по программированию - Как удалить границу из последнего div

Как удалить границу из последнего div

#html #css

#HTML #css

Вопрос:

 <div class="drop-menu">
<div class="drop-menu-header"><i class="fal fa-bell"></i>amp;emsp;Notifications</div>
<div class="drop-menu-item"> <a href="#" data-toggle="modal" data-target="#exampleModal" id="462">
                Date of Birth: <b>2017-08-30</b><br>
                Father: <b>KULDEEP SINGH</b>
                Mother: <b>SUKHDEEP KAUR</b>
            </a> </div>
<div class="drop-menu-item"> <a href="#" data-toggle="modal" data-target="#exampleModal" id="466">
                Date of Birth: <b>2018-08-22</b><br>
                Father: <b>SANJU</b>
                Mother: <b>ALKA</b>
            </a> </div>
<div class="drop-menu-item"> <a href="#" data-toggle="modal" data-target="#exampleModal" id="565">
                Date of Birth: <b>2016-12-10</b><br>
                Father: <b>RAVINDER SINGH</b>
                Mother: <b>SUKHPAL KAUR</b>
            </a> </div>

в этом коде последний дочерний элемент не работает.
как я могу настроить css для этого кода
я новичок в html и css

Комментарии:

1. Какой у вас текущий CSS? И что вы намерены делать?

2. Можете ли вы включить свой CSS?

Ответ №1:

Вы можете использовать: селектор последнего типа.

 .drop-menu-item:last-of-type {
  /* your styles */
}