สมมุติว่า ผมทำมาสองตารางในหน้าเดียว อยากให้สี Link ตาารางที่ 1 เป็นสีน้ำเงิน และสี Link ตารางที่ 2 เป็นสีแดง ทำยังไงได้บ้างครับ

<style type="text/css">
#test1 a{
    color:red;
}

#test2 a {
   color:blue;
}
</style>


<table id="test1">
<tr>
  <td><a href="#">test1</a>
</tr>
</table>

<table id="test2">
<tr>
  <td><a href="#">test2</a>
</tr>
</table>

<style type="text/css">

/*ลิ้งตัวแรก */
a.one{font-family: ms sans Serif, tahoma; font-size: 10pt; color:#003300;  }
a.one:hover{color:#006600; text-decoration:none;}

/* ลิ้งตัวที่สอง */
a.two{font-family: ms sans Serif, tahoma; font-size: 10pt; color:#003399; text-decoration:none; }
a.two:hover{color:#FFFFFF; text-decoration:none;}


</style>

//เวลาใช้ก็ใช้เป็น
<a heft="url" class="one">ข้อความ</a>
<a heft="url" class="two">ข้อความ</a>