Emanuel: Hover Effekt

Beitrag lesen

Hallo Leute!

Es geht darum, die ganze Zeile einer Tabelle anders zu färben, wenn man mit der Maus darüber fährt. Funktioniert mit einer Farbe ohne Probleme.
Es soll aber jede Zweite Zeile andersfärbig dargestellt werden aber die gleiche Hover Farbe haben. Wenn möglich mit nur einem id-Selektor.
1. Frage, wieso funktioniert das nicht so?:
Stylesheet:
***
tr#info_tr:hover{
  background:black;
}
***
<table>
<tr style="background:blue" id="info_tr">
 <td>1.Zelle</td>
 <td>2.Zelle</td>
</tr>
<tr style="background:red" id="info_tr">
 <td>1.Zelle</td>
 <td>2.Zelle</td>
</tr>
</table>
Leider wird, wenn ich das so mache die Farbe der Zeilen nicht geändert.
Gibts eine andere Möglichkeit ausser zwei id-Selektoren (z.B.:
tr#info_tr{
  background:red;
}

tr#info_tr:hover{
  background:black;
}

tr#info_tr2{
  background:blue;
}

tr#info_tr2:hover{
  background:black;
}

<table>
<tr id="info_tr">
 <td>1.Zelle</td>
 <td>2.Zelle</td>
</tr>
<tr id="info_tr2">
 <td>1.Zelle</td>
 <td>2.Zelle</td>
</tr>
</table>

zu verwenden?
Danke für eure Hilfe!

MfG Emanuel