我使用数据表中的 jQuery 插件制作了一个表(带有子行)。我无法找出如何将样式应用于单个单元格列 ( <td>
)
我对这个现有的小提琴做了一个编辑,你可以看到我在第 2 列中放大了文本,但我也想让第 4 列和第 5 列中的文本更大(加上其他样式)。
我line 114
在 CSS 中放了一个类(这是来自 dataTables 的原始 css),这使得文本更大,
.sorting_1{
font-size: 29px;
line-height: 29px;
}
它不适用于其他列(正如我假设的那样.sorting_2
,.sorting_3
(等)是更改它的类)。查看检查面板时,您可以看到已<td>
更改单元格的标签都具有 sort_1 类,但其他的没有,我不知道该怎么做,
我该怎么做?
每行都有一个even
or odd
so的类,您可以使用它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;
}
或者您可以通过 role 属性指定它并nth-of-type
像这样使用:
tr[role=row] td:nth-of-type(4){
background:red;
}
tr[role=row] td:nth-of-type(5){
font-size:20px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句