a 标签 CSS的实现

比如有4个a标签，class名一样，点击一个链接后，就这个链接的颜色改变了，其他三个不变，这样怎么达到？

a 不用class了吧.

a有伪类的.

<style type="text/css">
<!--

a:link {
color: #00F;
}

a:visited {
color: #000;
}

a:hover {
color: #F00;
}
a:active {
color: #F00;
}
-->
</style>

这个效果我实现过。

我先讲讲我的思路，

我没有用伪样式。

而是把每个序号都放在了一个div里面

然后改变通过js改变div的样式实现的

如果你设置CLASS 的目的只是为了设置链接样式，即不对其他样式进行控制，那么对所有的a标签calss没有太大意义，直接通过标签a 的伪类就能控制所有链接样式，如a:hover a:viseted a:active ；而你有4个链接，你可以只对那个特殊链接设置一个class或者id ,然后编写特殊的样式即可。

如果你非得对每个链接都设置相同的class ,而有需要对某个链接设置特殊的效果，你可以在给这个链接添加一个id号，然后通过id好编写样式，例如id="link" 样式通过#link:hover #hover:visited来设置，在IE 7以上 以及firefox都没有问题，但IE6及其一下不能识别#link:hover #hover:visited，需要通过JavaScript来控制