同一页面不同的连接效果

<style>

A:link{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;}

A:visited{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;}

A:hover{font-size:12px;COLOR: red;TEXT-DECORATION: none;}

A:active{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;}

.link1 A:link{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;}

.link1 A:visited{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;}

.link1 A:hover{font-size:12px;COLOR: blue;TEXT-DECORATION: none;}

.link1 A:active{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;}

.link2 A:link{font-size:18px;COLOR: green;TEXT-DECORATION: underline ;}

.link2 A:visited{font-size:18px;COLOR: green;TEXT-DECORATION: underline ;}

.link2 A:hover{font-size:24px;COLOR: #000000;TEXT-DECORATION: none;}

.link2 A:active{font-size:18px;COLOR: green;TEXT-DECORATION: underline ;}

td A:link{font-size:18px;COLOR: red;TEXT-DECORATION: underline ;}

td A:visited{font-size:18px;COLOR: red;TEXT-DECORATION: underline ;}

td A:hover{font-size:18px;COLOR: green;TEXT-DECORATION: none;}

td A:active{font-size:18px;COLOR: red;TEXT-DECORATION: underline ;}

</style>

<a href="###">链接一</a><br><br>

<div class="link1">

<a href="###">链接二</a><br>

<a href="###">链接二</a><br><br>

</div>

<TABLE border="1" width="320">

<TR>

<TD class="link2">

<a href="###">链接三</a><br>

<a href="###">链接三</a>

</TD>

</TR>

</TABLE>

<TABLE border="1">

<TR>

<TD><a href="###">链接四</a></TD>

</TR>

</TABLE>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]