同一页面中使用两种链接的颜色

第一个链接

第二个链接

加入如下代码到head区域
<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>

加入如下代码到body区域
<p><a href="#" class="style1">第一个链接</a></p> <p><a href="#" class="style2">第二个链接</a></p>