HTML 表格单元格 <td> 在行级别分组

【问题标题】：HTML table cell <td> grouping at row levelHTML 表格单元格 <td> 在行级别分组
【发布时间】：2021-03-30 20:06:25
【问题描述】：

有没有什么方法可以将几个<td> 虚拟地分组，以便在一个元素中一次为这些单元格设置样式，而不是为所有单元格分别设置多次？

这纯粹是服务器端生成的代码，我可以在其中应用特定的 css 类来格式化一行中的几个单元格的文本颜色，基于一些逻辑。

这不起作用：

  <tr>
    <td>3476896</td>
    <td>Name</td>
    <div class="sometextcolor">
    <td>My first HTML</td>
    <td>$53</td>
    </div>
  </tr>

毫不奇怪，因为 HTML 5 规范将 <tr> 定义为

零个或多个 td、th 和脚本支持元素

试过colgroup，但这会影响所有具有相同样式的行。

【问题讨论】：

• 您应该看一下 css 类 - 这将为您提供一种设置常见元素样式的方法。您不能将 元素包装在

  中
• 是的，这会有所帮助，但我需要根据行内容动态更改半行的颜色。因此，这将需要更改所有这些单元格的 css 类。同样的工作 - 所有受影响的单元格都需要进行更改。
• 您打算如何“动态”更改颜色？通过javascript？您仍然可以通过类名获取元素并根据需要设置颜色。也许你需要多解释一下设置颜色的条件
• 我已经澄清了这个问题。
• 如果您正在生成输出服务器端，那么您可以将适当的类应用于适用的 s。正如我在之前的评论中所指出的，您不能将一组 元素包装在

  中。