时间戳

首页 > 解决方案 > 如何从最后一个div中删除边框

html - 如何从最后一个div中删除边框

问题描述

<div class="drop-menu">
<div class="drop-menu-header"><i class="fal fa-bell"></i>&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 的新手

标签： htmlcss

解决方案

您可以使用 :last-of-type 选择器。

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

推荐阅读