怎样用css的style分别定义两个超级链接的link,visited,hover颜色属性

<style type="text/css">
<!--
A.style1:link {
text-decoration: none;
color: #ff9966;
font-weight: normal;
}
A.style1:visited {
text-decoration: none;
color: #ff9966;
font-weight: normal;
}
A.style1:active {
text-decoration: none;
color: #ff9966;
font-weight: normal;
}
A.style1:hover {
text-decoration: underline;
color: #ff0000;
font-weight: normal;
}
A.style2:link {
text-decoration: underline;
color:#ff3322;
font-weight: normal;
}
A.style2:visited {
text-decoration: underline;
color: #ff3322;
font-weight: normal;
}
A.style2:active {
text-decoration: none;
color: #0033ff;
font-weight: normal;
}
A.style2:hover {
text-decoration: none;
color: #0033ff;
font-weight: normal;
}
-->
</style>
<a href="#" class="style1">第一个链接</a>
<a href="#" class="style2">第二个链接</a>