Html, css. hover

Оптимальным вариантом будет присвоить классы или id таблицам, затем прописывать стили для ссылок, находящихся внутри таблиц с тем или иными классом (id).

Т.е. html код двух таблиц будет такой (например):

<table class="table_first">
  <tr>
    <td>
      <a href="/">Link text</a>
    </td>
  </tr>
</table>

<table class="table_second">
  <tr>
    <td>
      <a href="/">Link text</a>
    </td>
  </tr>
</table>

А вот пример стилей css для этого кода:

table.table_first a {text-decoration: underline; color: red;}
table.table_first a:hover {text-decoration: none; color: yellow;}

table.table_second a {text-decoration: none; color: green; font-family: Arial, Tahoma;}
table.table_second a:hover {text-decoration: underline; color: blue; font-family: Georgia, Verdana;}

p.s.: По такому же принципу можно не назначать классы для таблиц, а воспользоваться уже существующими у родительских элементов (при условии их наличия).

Например, одна таблица находится в левой части страницы (в родительском блоке с классом "left", например), а вторая - в правой колонке, в родительском блоке с классом "right". Тогда можно воспользоваться этими классами, и прописать стиль для нужной вам ссылки таким образом:

div.left table a {}
div.left table a:hover {}

div.right table a {}
div.right table a:hover {}

Следует учитывать, однако, что этот вариант более глобальный, и стили могут примениться и к другим таблицам, находящимся в этом блоке.

Ну как-то так:

Опередили)