Question

一个页面多次使用a:link a:active a:visited a:hover怎么使用？

Answer 1

你的意思应该是 多个a标签需要使用不同的 动态样式是吧；

第一种:
给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代码量更小；就选择什么方法

Answer 2

如果需要2种超链接样式,可以起别名
a.yangshi2:link{
....
}
然后这样<a href="" class="yangshi2">,,,,
如果想使用同一种样式,直接用a:link的4个,放在<style>里面就成.

Answer 3

重新定义:
比如...
.a-a a:link
.a-a a:active
.a-a a:visited
.a-a a:hover
//---------------
.b-b
.b-b a:link
.b-b a:active
.b-b a:visited
.b-b a:hover