css 如何在uigrid中改变一列得颜色
发布网友
发布时间：2022-04-06 11:42
共1个回答
热心网友
时间：2022-04-06 13:11
html代码：
<table class="table table-bordered table-striped table-condensed flip-content">
<thead class="flip-content bordered-palegreen">
<tr>
<th>
ID
</th>
<th>
昵称
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
boy
</td>
</tr>
<tr>
<td>
2
</td>
<td>
girl
</td>
</tr>
.....
<tr>
<td>
200
</td>
<td>
dog
</td>
</tr>
</tbody>
</table>
css代码：
<style>
tbody tr:nth-child(3n + 1){background:#f7f7f7;}
</style>
:nth-child(3n+1) 此表达式可自定义，n代表大于等于0的正整数，本例中代表的意思是：tbody中的第1、4、7、10....个tr改变背景色，3n+0就是第3，6，9....
