如何利用CSS给同一个网页中的超链接设置设置不同的样式？

转自文章 http://www.cnblogs.com/wuhuisheng/archive/2012/06/21/2557302.html

如何利用CSS给同一个网页中的超链接设置设置不同的样式？

用css中的类。比如<style type="text/css">
a.topcs:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.topcs:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.topcs:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a.news:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.news:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.news:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}</style>
调用 <a href="1.html" class="news">1</a><a href="2.html" class="topcs">1</a>