CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden

[iloveHTML]

So sieht die Style Sektion im Head aus, alles funktioniert, bis auf zebra

<STYLE TYPE="text/css">
                 <!--
                 *{font-family:verdana; font-size:10pt; color:#000000;}
                 .bullet {font-family:verdana; font-size: 10pt; font-weight: bold; color:#D4D4D4;}
                 .headline {font-family:arial; font-size:11pt; color:#7F7F7F; font-weight:bold;}
                 .sonderaktion {font-family:arial; font-size:10pt; color:#FF9933; font-weight:bold;}
                 .key {font-family:verdana; font-size:1pt; color:#FFFFFF;}
                 .red {font-family:verdana; font-size:10pt; color:#E60000; font-weight:bold;}
                 .green {font-family:verdana; font-size:10pt; color:#00BF54; font-weight:bold;}
                 .templateversion {font-family:verdana; font-size:6pt; color:#00009F;}
                 .black {font-family:verdana; font-size:10pt; color:#000000; font-weight:bold;}
                 .desc_addon_1 {font-family:verdana; font-size:16pt; color:#FFA800; font-weight:bold;}
                 #zebra {tr:nth-child(even) background-color:#D4D4D4; tr:nth-child(odd) background-color:#FFFFFF;}
                 -->
</STYLE>

Die Darstellung hier ist natürlich eine Katastrophe

Edit Rolf B: Katastrophenhilfe geleistet