这是的已定义行为
border-collapse。《 O’Reilly CSS权威指南第3版》的第357页说：
如果折叠的边框具有相同的样式和宽度，但颜色不同，则从最佳到最不优选：单元格，行，行组，列，列组，表。
如果…来自相同类型的元素，例如两行…，则颜色取自最顶部和最左侧的边框。
因此，最上面的红色获胜。
一种替代此方法的方法可能是使用单元格作为颜色，以赢得行的颜色。
优先级高于此“相同颜色规则是”的规则
较宽的边界胜过较窄的边界
在那之后，
双赢，然后是虚线，虚线，山脊，起点，凹槽，插图
您可以使用2px来赢得金牌，我尝试在Chrome中使用
1pxbut
double，但它显示为
1pxsolid并且也将赢得红色。尽管如果您想使用此方法，那么最好使用此技术确保您支持的浏览器的行为相同。
