使用:last-child伪类选择器可精准移除列表最后一项的下边框，通过li:last-child{border-bottom:none}实现，无需修改HTML结构，兼容现代浏览器且适用于ul、ol等列表，若存在非li子元素需注意选择器匹配问题，推荐采用border-bottom-width:0或border-bottom:0写法以更精确控制下边框样式，避免全局边框重置。
要实现CSS列表中最后一项去掉下边框，可以使用 :last-child 伪类选择器，并将对应元素的下边框设置为 none。这种方法简洁有效，适用于各种类型的列表（如 ul、ol 或自定义列表结构）。
使用 :last-child 和 border: none
假设你有一个无序列表，每一项都有下边框，但你想去除最后一项的下边框：
- 列表项 1
- 列表项 2
- 列表项 3
通过以下CSS规则移除最后一项的下边框：
关键点说明
:last-child 会选择父元素中的最后一个子元素。只要该元素是最后一个，就会应用指定样式。
立即学习“前端免费学习笔记（深入）”；
- 适用于所有现代浏览器
- 无需添加额外类名或修改HTML结构
- 如果列表项之间使用了其他非 li 元素（如 div），需注意选择器是否仍能准确匹配
更灵活的写法：只去掉下边框
如果你想更精确地控制，只移除下边框而不影响其他边框样式，推荐使用：
li:last-child {border-bottom-width: 0;
}
或者
li:last-child {border-bottom: 0;
}
这与 border-bottom: none 效果类似，但在某些继承或重置样式场景下更稳妥。
基本上就这些。使用 :last-child 配合 border-bottom: none 是最常见且高效的方案。
