如何在<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 {}
...