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

Question

纯css的
求正确方法
要完整举例的代码

Answer 1

你可以给标题所在行单独设置颜色样式。比如（假定标题在第一个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>追问

无效……

Answer 2

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

对哦 改成td就行了= = 谢谢了~

本回答被提问者采纳