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

Question

是否有任何方法可以将行中的几个<td>虚拟分组，以便在一个元素中同时为这些单元格设置样式，而不是为所有单元格单独设置多次样式？

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

这不起作用：

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

毫不奇怪，HTML5规范将<tr>定义为

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

已尝试colgroup，但这将影响具有相同样式的所有行。

Answer 1

您尝试不使用表元素。用div单元格编写这个类型表有助于充分利用复杂的JavaScript。您可以使用CSS将潜水显示为表格。这完全改变了主意，很抱歉，但您可以尝试不使用table元素。对这些值使用CSS显示属性表行、表单元格、表行组和更多

Answer 2

使用下面的css在一行中的特定单元格上添加样式，但它会将样式添加到所有表中。您可以使用表中的class或id来专门设置表的样式

.Custom-Table tr td:nth-child(2), .Custom-Table tr td:nth-child(3){
color: red !important;
}

通用

table tr td:nth-child(2), table tr td:nth-child(3){
color: red !important;
}