求助：无法修改表格行background-color，需设置指定行红色

你的代码中，带有.rowB类的行背景色没显示，核心原因是带rowspan="4"的单元格会覆盖下方行的背景区域，同时可以通过调整CSS选择器优先级确保样式生效。

修复方案 #

方案1：给.rowB行的单元格设置背景色 #

这种方法最直接，能确保单元格背景覆盖所有区域：

table.cennik-table {
  font-size: 20px;
  border: 3px solid #555555;
  width: 80%;
  height: auto;
  text-align: center;
  border-collapse: collapse;
  margin: 0 auto;
}

table.cennik-table th {
  font-size: 22px;
  background-color: #888888;
}

table.cennik-table td {
  padding: 0.7rem;
}

/* 修改这里，给行内的td设置背景色 */
table.cennik-table tr.rowB td {
  background-color: red;
}

方案2：让跨列单元格透明，保留整行背景 #

如果希望保留整行的背景设置，可将跨列单元格的背景设为透明：

table.cennik-table {
  font-size: 20px;
  border: 3px solid #555555;
  width: 80%;
  height: auto;
  text-align: center;
  border-collapse: collapse;
  margin: 0 auto;
}

table.cennik-table th {
  font-size: 22px;
  background-color: #888888;
}

table.cennik-table td {
  padding: 0.7rem;
}

table.cennik-table tr.rowB {
  background-color: red;
}

/* 新增：让跨列单元格背景透明，显示下方行的背景 */
table.cennik-table tr.rowB td[rowspan] {
  background-color: transparent;
}

修改后，带有.rowB类的行就会正确显示红色背景了。作为初学者要注意：表格中rowspan/colspan的单元格会占据其他行/列的空间，它们的样式会优先于所在行的样式。

内容的提问来源于stack exchange，提问作者wojst