css tr 合并单元格

CSS中的tr合并单元格指的是通过样式控制将HTML表格中相邻的单元格合并成一个单元格，从而提高表格的美观性和可读性。在CSS中实现单元格合并主要使用的是属性选择器和CSS伪类选择器等特殊的样式控制方法。

table {
  border-collapse: collapse;
}
th,td {
  border: 1px solid black;
}
/* 合并第1行中第1和第2列的单元格 */
tr:nth-child(1) td:nth-child(1) {
  background-color: yellow;
}
tr:nth-child(1) td:nth-child(2) {
  background-color: yellow;
  display: none;
}

上述代码中，我们首先设置表格的边框合并，使其更加平整美观。然后使用属性选择器定位表格中第1行第1、2列的单元格，对第1列的单元格添加黄色背景色，对第2列的单元格添加黄色背景色并将其隐藏。这样，第1行的第1、2列就合并成了一个单元格。

CSS还支持其他的合并单元格方式，如合并列、合并行等。这些方式可以通过CSS伪类选择器和属性选择器的组合来实现。需要注意的是，在使用这些合并单元格的方法时，应考虑表格的结构和样式是否符合标准要求，以避免出现页面兼容性问题和无法预期的错误。