Button, bestehend aus 3 Elementen - Frage bezgl. hover

[Ortstarif]

Auf das <td> Element habe ich Zugriff. Wie krieg ich's aber im CSS hin, dass ich beim "hover" nicht nur den Hintergrund des Links, sondern auch den des td-Elements austausche?

 

[Maik]

Grundsätzlich ganz einfach so:

td:hover { /* Hintergrund des td-Elements tauschen */ }
td:hover a {  /* Hintergrund des a-Elements tauschen */ }

Damit die Selektoren in dem Tabellengerüst nur auf besagte Zelle zutreffen, und die übrigen Zellen hiervon ausgeschlossen werden, erhält sie einen ID-Bezeichner.

<td id="button">...</td>

td#button:hover { /* Hintergrund des td-Elements tauschen */ }
td#button:hover a {  /* Hintergrund des a-Elements tauschen */ }

mfg Maik