如何在数据表列中设置单元格样式？

Question

我使用 jQuery 插件 dataTables 制作了一个表格（带有子行）。我无法找出如何将样式应用于单个单元格列 (<td>)

我已对现有的fiddle 进行了编辑，如您所见，我已将第 2 列中的文本放大，但我还希望在第 4 列和第 5 列中使文本更大（加上其他样式）。

我在 CSS 中的 line 114 中放置了一个类（这是来自 dataTables 的原始 css），这使得文本更大，

.sorting_1{
  font-size: 29px;
  line-height: 29px;
}

它不适用于其他列（因为我假设 .sorting_2、.sorting_3 （等）是更改它的类）。查看检查面板时，您可以看到已更改单元格的<td> 标记都具有排序_1 类，但其他没有，我不知道该怎么做，

我该怎么做？

Answer 1

每一行都有even 或odd 的类，因此您可以使用nth-of-type 指定您想要设置样式并从那里开始的td。您必须同时设置偶数列和奇数列的样式，因此您必须像这样指定两者：

.even td:nth-of-type(4), 
.odd td:nth-of-type(4){
  background:red;
}
.even td:nth-of-type(5), 
.odd td:nth-of-type(5){
  font-size:20px;
}

或者你可以通过角色属性来指定它并像这样使用nth-of-type：

tr[role=row] td:nth-of-type(4){
  background:red;
}
tr[role=row] td:nth-of-type(5){
  font-size:20px;
}