Nu siger du faktisk stoons, at du vil have forskellig virkning i forskellig tabeller,
og så kan du spare noget skrivearbejde ved et lille CSS-trick. Du definere at
et A-tag et sted i et TABLE-tag, hvor TABEL-tag-et har et class-navn skal
se ud på en speciel måde. Så skal du ikke skrive class-navnet i hvert A-tag, men
kun øverst i TABLE-taget. Eksempel:
table.xxx a {color: green}
table.xxx a:hover {color: red}
table.yyy a {color: red}
table.yyy a:hover {color: green}
...og så i HTML-en følgende (bemærk, der skal kun være ét \"xxx\" og ét \"yyy\"):
<table class=\"xxx\">
<tr><td><a href=\"
http://www.yahoo.com\">Yahoo</a></td></tr></table>
<br>
<table class=\"yyy\">
<tr><td><a href=\"
http://www.yahoo.com\">Yahoo</a></td></tr></table>