在同一页面超链接使用不同的样式

第一种:
给a标签一个id或者class，然后在css里给id或class使用伪类
<a id="xxx" href=.....></a> 或者 <a class="xxx" href=....></a>
css: xxx:link xxx:active xxx:visited xxx:hover
不同的a，给一个不同的id或者class，这样就可以不一样了，如果有部分是一样的，那么就使用相同的class； 但是记住id只能使用一个元素上； 虽然在ie里将id跟class一样使用不会显示错误，但是是不符合网w3c的html标准的
第二种：
如果这些a标签不属于同一层的，意思是 a不在同一个容器下；比如一个a在 <div id="aaa">里面 ，另一个a在<div id="bbb">里面；

那么你可以这样写css： #aaa a:link; #aaa a:active ....#bbb a:link; #bbb a:hover; 这表示这个a是在#aaa这个容器下的a；也就特定了这个a了；这样也可以做到不同a不同样式；
这两种方法是在不同情况下应用的； 一般第二种情况是 在一个容器下的a全部使用相同样式，例如导航；那么就用第二种，这样代码量更小； 如果一个页面的a全部使用相同样式，那么直接定义a； 如果每个a使用不同样式，那么使用id；如果不在同一容器下的几个a使用相同样式，那么使用class；一句话，什么方式可以在效果相同的情况下让css代码量更小；就选择什么方法