230问答网 > 一个页面多次使用a:link a:active a:visited a:hover怎么使用？

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

2024-12-17 04:22:18
推荐回答（3个）
回答1：

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

第一种:
给a标签一个id或者class，然后在css里给id或class使用伪类
或者

css: xxx:link xxx:active xxx:visited xxx:hover

不同的a，给一个不同的id或者class，这样就可以不一样了，如果有部分是一样的，那么就使用相同的class； 但是记住id只能使用一个元素上； 虽然在ie里将id跟class一样使用不会显示错误，但是是不符合网w3c的html标准的

第二种：
如果这些a标签不属于同一层的，意思是 a不在同一个容器下；比如一个a在

里面 ，另一个a在
里面；

那么你可以这样写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代码量更小；就选择什么方法

回答2：

如果需要2种超链接样式,可以起别名
a.yangshi2:link{
....
}
然后这样,,,,
如果想使用同一种样式,直接用a:link的4个,放在