求助！怎样用JS控制一个表格的字体。而其他字体并不改变？

Question

最终控制是CSS
用JAVASCRIPT可动态地改对象的CSS CLASS : 
id.className='newClass';

Answer 1

<style>
table
{
 font-size: 12px;
 color:#000000;
}
</style>

Answer 2

<style>
td
{
 font-size: 12px !important;
 color:#000000 !important;
}
</style>

Answer 3

以下代码可以参考一下.
CSS.css文件中:
td.over {font-size:12pt;cursor:hand;}
td.out{font-size:9pt;}
-----------------------
body中:
<table width="95%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="3">
        <tr>
          <td width="5%" align="center" valign="top">&nbsp;</td>
          <td width="95%" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font color="#666666" size="2">sssss</font></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td background="image/line.gif"><img src="image/block.gif" width="100" height="1"></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr>
          <td width="5%" align="center" valign="top">&nbsp;</td>
          <td width="95%" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font color="#666666" size="2">sssssssss</font></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td background="image/line.gif"><img src="image/block.gif" width="100" height="1"></td>
  </tr>
  <tr>
    <td background="image/line.gif"><img src="image/block.gif" width="100" height="1"></td>
  </tr>
</table>