如何在<a>标签以外定义不同容器内的链接的样式？
在以下的例子中，“test1 <a   href= "B.htm "> B </a> ”和“test2 <a   href= "C.htm "> C </a> ”都是从数据库中读出来的，里面没有使用任何样式表，也不可以修改。我想让B的链接和C的链接使用不同的样式，但又不能用 <a   href= "B.htm "   class= "B "> 的形式，请问如何做到？

<table>
    <tr>  
        <td   width= "22% "> test1 <a   href= "B.htm "> B </a> </td>
        <td   width= "27% "> test2 <a   href= "C.htm "> C </a> </td>
    </tr>
</table>

------解决方案--------------------
<script>
window.onload = function()
{
o = document.getElementsByTagName( "a ");
o[0].className = "B ";
o[1].className = "C ";
}
</script>
<table>
<tr>
<td width= "22% "> test1 <a href= "B.htm "> B </a> </td>
<td width= "27% "> test2 <a href= "C.htm "> C </a> </td>
</tr>
</table>
------解决方案--------------------
不可以，会被里面的 <a > 的样式覆盖掉

------解决方案--------------------
#t1 a{} 定义a标签的样式

但是你的这样要先给td写id,而且最好不要重名,这样其实还不如在 <td> 上写class,通过
.class a{}的定义,这跟在a 标签上定义class没区别了
------解决方案--------------------
#t1 a {}
#t2 a {}
...