CSS中具有边框折叠的表格边框颜色

CSS中具有边框折叠的表格边框颜色

这是的已定义行为

border-collapse

。《 O’Reilly CSS权威指南第3版》的第357页说：

如果折叠的边框具有相同的样式和宽度，但颜色不同，则从最佳到最不优选：单元格，行，行组，列，列组，表。

如果…来自相同类型的元素，例如两行…，则颜色取自最顶部和最左侧的边框。

因此，最上面的红色获胜。

一种替代此方法的方法可能是使用单元格作为颜色，以赢得行的颜色。

优先级高于此“相同颜色规则是”的规则

较宽的边界胜过较窄的边界

在那之后，

双赢，然后是虚线，虚线，山脊，起点，凹槽，插图

您可以使用2px来赢得金牌，我尝试在Chrome中使用

1px

but

double

，但它显示为

1pxsolid

并且也将赢得红色。尽管如果您想使用此方法，那么最好使用此技术确保您支持的浏览器的行为相同。