css表格各行颜色交替 tr:nth-child(odd) 使用了伪类选择器但是标题颜色...

发布网友发布时间：2022-05-05 17:10

共3个回答

热心网友时间：2022-05-13 11:46

你可以给标题所在行单独设置颜色样式。比如（假定标题在第一个tr标签内）：
<style>
tr:nth-child(odd) {color:red} //奇数行（从标题行起算，下同）设为红色
tr:nth-child(even) {color:blue} //偶数行设为蓝色
tr:nth-child(1) {color:black} //第一行（标题行）设为黑色
</style>
<table border=1>
<tr><th>这是标题</th></tr>
<tr><td>这是第1行</td></tr>
<tr><td>这是第2行</td></tr>
<tr><td>这是第3行</td></tr>
<tr><td>这是第4行</td></tr>
<tr><td>这是第5行</td></tr>
<tr><td>这是第6行</td></tr>
<tr><td>这是第7行</td></tr>
<tr><td>这是第8行</td></tr>
</table>追问无效……

热心网友时间：2022-05-13 13:04

把标题td换成th就可以了
<tr>
<th>标题</th>
</tr>
然后把CSS改一下
tr:nth-child(odd) td 就可以了追问对哦改成td就行了= = 谢谢了~