Html 在tr标记下添加边框底部

我需要在

标记下添加边框底部。在第一个和最后一个

下，边框应为无。我怎么做

表tr{
边框底部：1px实心#000；
}

身份证件
名称
位置
1.
彼得
新闻工作者
2.
亚历克斯
足球运动员
3.
约翰
司机
4.
亚当
程序员

使用

:first child

和

:last child

选择器分别针对第一个和最后一个孩子。比如：

table tr:first-child {
  border-bottom: none;
}

table tr:last-child {
  border-bottom: none;
}

请看下面的代码片段：

表格{
边界塌陷：塌陷；
}
表tr{
边框底部：1px实心#000；
}
表tr：第一个孩子{
边框底部：无；
}
表tr：最后一个孩子{
边框底部：无；
}

身份证件
名称
位置
1.
彼得
新闻工作者
2.
亚历克斯
足球运动员
3.
约翰
司机
4.
亚当
程序员

只需将以下代码添加到您的样式中：

tr+tr {
    border-bottom: 1px solid #000;
}

---

除了前面发布的答案之外，您还可以通过同时针对css文件中的

：第一个子项

和

：最后一个子项

，使代码更干净，不重复：

表格{
边界塌陷：塌陷；
}
表tr{
边框底部：1px实心#000；
}
表tr：第一个孩子，tr：最后一个孩子{
边框底部：无；
}

身份证件
名称
位置
1.
彼得
新闻工作者
2.
亚历克斯
足球运动员
3.
约翰
司机
4.
亚当
程序员

非常感谢，这是一个更好的解决方案！