Javascript 每个列表列最后一项的不同样式

我使用CSS将列表划分为三个不同的列。 列表中的每一项都有底部边框。现在我想对列的每一项隐藏底部边框

我不知道列表中有多少项，所以不可能用CSS检查每一秒/第三个项

有没有其他方法来处理列的最后一项

这是我的密码：

.list-col-3{
-moz列数：3；
-webkit列数：3；
列数：3；
}
.列表列{
-莫兹柱间距：1.5雷姆；
-webkit柱间距：1.5雷姆；
柱间距：1.5雷姆；
}
李上校{
-webkit列内部中断：避免；
内部分页符：避免；
破门而入：避免；
}
。未设置样式的列表{
左侧填充：0；
列表样式：无；
}
.card_post{
边缘底部：2rem；
垫底：2rem；
边框底部：1px实心#b0afaff；
}

标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖

一个可能的纯CSS解决方案是，通过给它一个

位置：绝对

来覆盖边界，并让它覆盖底部约30个像素。如果列表没有纯色作为背景，或者如果

li

s在

高度方面可能存在任何显著差异，则这显然不起作用

下面是它的外观：


.list-col-3{
-moz列数：3；
-webkit列数：3；
列数：3；
}
.列表列{
-莫兹柱间距：1.5雷姆；
-webkit柱间距：1.5雷姆；
柱间距：1.5雷姆；
}
李上校{
-webkit列内部中断：避免；
内部分页符：避免；
破门而入：避免；
}
。未设置样式的列表{
左侧填充：0；
列表样式：无；
显示：块；
位置：相对位置；
}
.card_post{
边缘底部：2rem；
垫底：2rem；
边框底部：1px实心#b0afaff；
}
.隐藏边框{
背景：#ffffff；
边框：1px纯红；
底部：0；
高度：40px；
左：0；
宽度：100%；
位置：绝对位置；
底部：0；
}


标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖



标题
这是一位杰出的领袖，他是一位伟大的领袖


我隐藏边界
您可以选择整个列表，并通过将长度除以3（列数）来计算它包含的行数

然后添加一个for循环来迭代每个列的las3元素，并添加一个名为
last

希望这有帮助


var list=$（'.list未设置样式的li'）；
变量行=列表长度/3；；
//当没有3的倍数时调整行
如果（列表长度%3！=0）
行=数学圆（行）；
对于（var i=0；你能把你的ul分成3列，并用你的li's填写每一列吗？不，我需要使用一个
我的意思是保留1个ul，并有3个
。每个
将是1列，你可以用另一个代表你的coulmn的每个项目的列表进一步填写这个
。答案是js还是jquery？@CataJohn我必须使用上面的布局：（谢谢，但在您的示例中，第二列和第三列中的最后两项仍然有底部边框。我认为只有当所有项的高度相同时，这才有效。但情况并非如此。@克雷我编辑了我的代码片段，以涵盖所有三行，但是的，我认为是这样，但我仍然想建议它，以防它对您有效u、 @GerardoBLANCO是的，真的很黑哈哈。我认为这个解决方案显然更好更干净