Html 当最后一行和上一行具有rowspan和不同边框颜色的单元格时，底部表格边框不显示

根据我的优先要求，我有一些样式为双边框，而一些样式为实心边框。这些样式适用于我的表格中

边框的不同颜色

这是一个示例表：

表格{
边界塌陷：塌陷；
宽度：100%；
边框底部：1px双倍#000；
}
运输署{
边框：1px双倍#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr：第一个孩子td{
边界顶部：无；
}
tr：最后一个孩子td{
边框底部：无；
}
td：第一个孩子{
左边界：无；
}
td：最后一个孩子{
边界权：无；
}

1.
2.
3.
4.
5.

这有帮助吗

表格{
边界塌陷：塌陷；
宽度：100%；
边框底部：1px双倍#000；
}
运输署{
边框：1px双倍#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr：第一个孩子td{
边界顶部：无；
}
tr：最后一个孩子td{
边框底部：无；
}
td：第一个孩子{
左边界：无；
}
td：最后一个孩子{
边界权：无；
}
td[rowspan=“2”]{
边框底部：1px双倍#000；
}

1.
2.
3.
4.
5.

添加以下css

td[rowspan="2"] {
  border-bottom: 1px double #000;
}

---

这是纯粹的

CSS

解决方案。不确定它是否适用于所有情况，因为它优先于使用

实心

边框的其他

，但到目前为止还没有发现任何此类情况

td[rowspan]：不是（[rowspan=“1”]）{
边框底部样式：实心；
}

在表中添加2px边框..我不希望它始终是内部值“2”？不，该值可以是任何数字，同时检查我的解决方案，看看是否有任何情况该解决方案不起作用行跨度可以是任何数字，我的

CSS

（实际上

SCSS

）文件实际上是一个长文件（200行），告诉我是否应该发布。。。顺便说一下，我正在使用

Reactjs

。该表只是其中一个组件。您可以对行span底部边框使用

border-bottom:inherit

，这样就不需要复制边框样式。发布它可能是一个好主意。关于使用JS或JQuery的想法？好的，我正在发布我的

SCSS

文件。我使用的是

React

，因此我可以使用

js

，但不能使用

jQuery