我想在一个网页里做两种链接样式，CSS怎么写？
网页里怎么用？
<html>
<head>
<title>定义不同的链接样式</title>
<style type="text/css">
/*this code by hongseheike*/
<!--
a.bodys:link {
 font-size: 12px;
 color: #006600;
 text-decoration: none;
}
a.bodys:visited {
 color: #006600;
 text-decoration: none;
 font-size: 12px;
}
a.bodys:hover {
 font-size: 12px;
 color: #000000;
}
a.aa:link {
 font-size: 12pt;
 color: #0033CC;
 text-decoration: none;
}
a.aa:visited {
 color: #0000FF;
 text-decoration: none;
 font-size: 12pt;
}
a.aa:hover {
 font-size: 12pt;
 color: #000000;
 text-decoration: underline;
}
a.bb:link {
 font-size: 12pt;
 color: #FF0000;
 text-decoration: none;
}
a.bb:visited {
 color: #006600;
 text-decoration: none;
 font-size: 12pt;
}
a.bb:hover {
 font-size: 12pt;
 color: #000000;
 text-decoration: underline;
}
-->
</style>
</head>

<body>
<h3>Css Document <hr>
</h3>
<br>
<a href="#" class="bodys">文章整体链接样式！ 文章整体链接样式！ 文章整体链接样式！ 文章整体链接样式！ 文章整体链接样式！ 文章

整体链接样式！
</a><br>
<p><a href="#" class="aa">第一个链接样式！</a></p>
<p class="bb"> <a href="#" class="bb">第二个链接样式！ </a></p>
</body>
</html>