超链接 a 样式修改

定义超链接 a 样式的时候，遇到了这样的问题，郁闷好久

首先a a:visited v:hover a:active 顺序是死的，必须这样写，不然，浏览器不认的

其次，如果总样式有定义a a:visited v:hover a:active ，的样式，若想在某个class上修改样式，

也必须照上面的顺序给全写上，不然，还是无法修改，保持总样式定义。例如：

这样定义

a:link{text-decoration:none ; color: #666666;}
a:visited {text-decoration:none ;color: #666666;}
a:hover {color: #F60; text-decoration: underline; font-size:12px;}
a:active {text-decoration:none; font-size:12px;}

以后

想这样修改样式

.inforcontent a:link{ color: #00438F; }
.inforcontent a:hover{ color: #F60; }是无法实现的

必须这样

.inforcontent a:link{ color: #00438F; }
.inforcontent a:visited{ color: #F60; }
.inforcontent a:hover{ color: #F60; }
.inforcontent a:active{}才能修改成功。

 

好郁闷哦