超链接a访问过后hover样式不出现的问题解决

2016-06-20 08:14:54 超链接a访问过后hover样式不出现的问题解决方法

超链接a访问过后hover样式不出现的问题解决方法

CSS A对应设置代码:

  1. a:link{color:red} 
  2. a:hover{color:blue} 
  3. a:visited{color:green} 
  4. a:active{color:orange} 

HTML A代码:

  1. 欢迎访问<a href="//www.html8.com.cn/">HTML8</a> 

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性a样式设置的排列顺序: L-V-H-A

即:

  1. a:link{color:red} 
  2. a:visited{color:green} 
  3. a:hover{color:blue} 
  4. a:active{color:orange} 

 这样CSS对a设置伪类顺序不能错误,a:link -》 a:visited -》a:hover -》a:active 这样就不会出现访问与非访问,访问过后CSS样式等问题出现。

更新