Html 如何从最后一个子div中删除右边框？

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

.process{
右边框：1px实心#e0；
}

第一步
报名
以公司或个人身份注册

步骤2
上传简历
上传您的简历，并向我们提供您的经验和技能的详细信息

步骤3
受聘
浏览可用的职位公告，并根据您的技能获得聘用

使用CSS获取最后一个子项。将选择器应用于父对象并获取嵌套子对象，因为父对象是同级

.process{
右边框：1px实心#e0；
}
.col-md-4：最后一个子进程{
边界权：无；
}

第一步
报名
以公司或个人身份注册

步骤2
上传简历
上传您的简历，并向我们提供您的经验和技能的详细信息

步骤3
受聘
浏览可用的职位公告，并根据您的技能获得聘用

CSS类名是process，您使用的所有div都与CSS中的类名相同

这意味着所有具有相同类名的DIV都将具有相同的属性，在本例中为右边框线

---

所以你可以做的一件事就是更改类名

首先选择包含特定性的父元素（

.job posting

），然后将伪选择器

：最后一个子元素

应用于您要瞄准的

类的包含元素

.job-posting .col-md-4:last-child .process {
    border-right: 0px;
}

由于您使用的框架类很可能会在其他地方使用，因此您应该使用某种独特的选择器，如
。job posting
，以避免在使用相同类或类似嵌套或DOM结构的其他页面或元素上遇到任何冲突样式。
只需添加以下css：

.job-posting .col-md-4:last-child .process {
  border-right: 0;
}


.process{
右边框：1px实心#e0；
}
.职位公告.col-md-4:最后一个孩子.流程{
右边界：0；
}

第一步
报名
以公司或个人身份注册

步骤2
上传简历
上传您的简历，并向我们提供您的经验和技能的详细信息

步骤3
受聘
浏览可用的职位公告，并根据您的技能获得聘用


将样式应用于除最后一个子元素以外的所有元素。
您应该考虑多行适配的条件。使用class
.row
显示行，而不仅仅限于class
.col-md-4
。
注意：不要在类
上使用
last-*


.process{
右边框：1px实心#e0；
}
.row div：最后一个子进程{
边界权：无；
}
.process:not(:last-child){
    border-right: 1px solid #e0e0e0;
}