Unterschiedliche Hovers für Tabellen

[Sebastian Lorenz]

Hallo,

ich versuche gerade meine neue Homepage zu basteln.
So weit so gut.
Nun habe ich mehrere Tabelle mit eigenen ID's:

navitop
navileft
middle
news

In der styles.css habe ich im Moment nur folgendes definiert:

a:link {
 text-decoration: none;
 color: #FFFFFF;
}
a:visited {
 color: #FFFFFF;
 text-decoration: none;
}
a:active {
 color: #FFFFFF;
 text-decoration: none;
}
a:hover {
 color: #999999;
 text-decoration: underline;
}

Nun möchte ich erreichen, dass für die Links innerhalb der Tabellen verschiedene Link-Effekte gelten.
Dazu habe ich z.B. folgendes probiert:

navitop:a:hover {
 color: #999999;
 text-decoration: underline;
}

Ich bin mir sicher, dass das absolut falsch gedacht ist (schon alleine, weil es nicht geht).

Wie muss ich das in der CSS-Datei deklarieren ?

Vielen Dank schon ein mal für eure Hilfe!

Eines noch:
Für Buchempfehlungen über CSS wäre ich auch sehr dankbar.

Bye,
Sebastian