如何利用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>