同一页面不同的连接效果

<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>