Html 两个外部CSS ID'；但是只有第一个有效

我的表有一个外部CSS。它有交替的阴影行。我想要一个表格单元格有绿色背景和红色字体。另一个单元格具有红色背景和绿色文字。但是它只需要第一个ID。如果我把红色背景放在第一位，它将显示但不会显示绿色。如果我把绿色背景放在第一位，那将显示但不是红色

tr:nth-child(odd) {background: #FFF}
tr:nth-child(even) {background: #CCC}
table,th,td
{
border:1px solid black; text-align:center;
}

 #worst {font-style:bold; background-color: red; color:green };
 #best  {font-style:bold; background-color: green; color:red };

html

悍马
290
115
405
自行车
0
5.
5.

---

这是外部CSS的属性还是其他错误？

分号应该在

}

内部，而不是外部。您正在创建无效的选择器

\n#最佳

---

（

\n

当然是新行！）

分号应该在

}

的内部，而不是外部。您正在创建无效的选择器

\n#最佳

---

（

\n

当然是新行！）

分号应该在

}

的内部，而不是外部。您正在创建无效的选择器

\n#最佳

---

（

\n

当然是新行！）

分号应该在

}

的内部，而不是外部。您正在创建无效的选择器

\n#最佳

---

（

\n

当然是新行！）

这里的问题有点微妙，看到这些代码行末尾的分号了吗

#最差{字体样式：粗体；背景色：红色；颜色：绿色}；
#最佳{字体样式：粗体；背景色：绿色；颜色：红色}；

---

那些不应该在那里。发生的情况是，当您将分号放在它所在的位置时，CSS解析器会尝试读取该分号。但是这是一个语法错误，因此它跳过了代码的其余部分，因为它假定它是无效的。

这里的问题有点微妙，看到这些代码行末尾的分号了吗

#最差{字体样式：粗体；背景色：红色；颜色：绿色}；
#最佳{字体样式：粗体；背景色：绿色；颜色：红色}；

---

那些不应该在那里。发生的情况是，当您将分号放在它所在的位置时，CSS解析器会尝试读取该分号。但是这是一个语法错误，因此它跳过了代码的其余部分，因为它假定它是无效的。

这里的问题有点微妙，看到这些代码行末尾的分号了吗

#最差{字体样式：粗体；背景色：红色；颜色：绿色}；
#最佳{字体样式：粗体；背景色：绿色；颜色：红色}；

---

那些不应该在那里。发生的情况是，当您将分号放在它所在的位置时，CSS解析器会尝试读取该分号。但是这是一个语法错误，因此它跳过了代码的其余部分，因为它假定它是无效的。

这里的问题有点微妙，看到这些代码行末尾的分号了吗

#最差{字体样式：粗体；背景色：红色；颜色：绿色}；
#最佳{字体样式：粗体；背景色：绿色；颜色：红色}；

那些不应该在那里。发生的情况是，当您将分号放在它所在的位置时，CSS解析器会尝试读取该分号。但这是一个语法错误，因此它跳过了代码的其余部分，因为它假定它是无效的

<tr>
  <td>Hummer</td>
  <td>290</td>      
  <td>115</td>
  <td ID="worst">405</td>
 </tr>
<tr>
  <td>Bike</td>
  <td>0</td>        
  <td>5</td>
  <td ID="best">5</td>
 </tr>