如何在dataTables列中设置单元格样式？

Question

我在dataTables中使用jQuery插件制作了一个表（带子行）。我无法找到如何将样式应用于单个单元格列（<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;
}