我有一个表格，它使用样式切换行颜色
<style>
tr:first-child {background-color: #8BC6FD}
tr:nth-child(2n+3) {background-color: #D4E9FC}
</style>
效果很好，但我希望它只影响一个页面上的一个表，并且我有一个外部CSS，我希望它在上面，而不是把样式放在我需要的每个页面上。
所以我试着把它放在我的CSS页面上，但无论我怎么做，它都会显示错误，目前我有这个。
table.toggle {
tr:first-child background-color: #8BC6FD;
tr:nth-child(2n+3) background-color: #D4E9FC;
}
有了这个想法，我可以在我想使用的表的顶部使用它，这样它就不会弄乱页面上的其他表。
<table class="toggle" cellpadding="2" cellspacing="0">
好的，所以您希望在外部样式表中有一个表类.toggle。它显示错误的原因是因为您的CSS代码是错误的。这就是您为nth child编写的方式。
试试这个：
.toggle tr:first-child {
background-color: #8BC6FD;
}
.toggle tr:nth-child(2n+3) {
background-color: #D4E9FC;
}<table class="toggle">
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
</table>请确保在<head>标记中链接了外部样式表。
您忘记在每个背景颜色属性周围包含括号，如下所示；
table.toggle {
tr:first-child{
background-color: #8BC6FD;
}
tr:nth-child(2n+3) {
background-color: #D4E9FC;
}
}