ul li a :hover样式设置后，链接点击后页面跳转，但是原页面，超链接依然处于hover状态

如题，ul li a :hover样式设置背景色蓝色，链接点击后页面跳转，但是原页面，超链接背景色依然是蓝色，查看元素发现a仍处于hover状态，请问这种情况如何解决？

点击之后是a:visited样式，看看是不是和hover一样了

http://blog.csdn.net/huwenhu2007/article/details/24669631

发代码出来看下，点击后启用的是是:visited伪类样式了，如果没有设置就是用a设置的样式，a也没有设置就是用浏览器默认的访问过的样式

.dropdown-menu-wide li a:link{
background-image:none;
background-color:green;
text-decoration:none;
}

.dropdown-menu-wide li a:visited{
background-image:none;
background-color:red;
text-decoration:none;
}

.dropdown-menu-wide li a:hover{
background-image:none;
background-color:blue;
text-decoration:none;
}

.dropdown-menu-wide li a:active{
background-image:none;
background-color:yellow;
text-decoration:none;
}

刚刚进去的时候详情那个是没有访问的，但是显示红色的了，蓝色部分是已经跳转页面后回来的状态

一、若存在a{……}的定义
①如果a:link{}也存在，那么不管a{}放到哪里，a{}和 a:link{}冲突的属性都会采用a:link{}的，不冲突的属性若存在a{}中，会被a:link{}、 a:visited{} 、a:hover{} 、a:active{}都继承；如果存在a:link{}中，只会被a:link{} 、a:hover{} 和a:active{}继承，a:visited{}不继承。
②如果没写a:link，只有其余三个，那么a:link会继承a{}的所有属性，其余三个会保持自己的已有属性并从a{}中继承没有的属性。
③如果没写a:hover，只有其余三个，那么a:hover{}会继承a:link{}中的所有属性，并从a{}中继承自己没有的属性；a:link{}会保持自己已有属性并从a{} 中继承没有的属性；a:active{}会保持自己已有属性先从a:link{}中继承没有的属性，再从a{}中继承至此前还没有的属 性；a:visited{}会保持自己已有属性并直接从a{}中继承没有的属性。
④如果没写a:active{}，只有其余三个，那么a:active{}会继承a:hover{}的所有属性，之后上溯到a:link{}中继承至此之前 自己还没有的属性，再从a{}中继承自己至此仍没有的属性；a:hover{}会保持自己已有属性先从a:link{}中继承自己没有 的属性，再从a{}中继承至此仍没有的属性；a:visited{}会直接从a{}中继承自己没有的属性。
⑤如果没写a:visited{}，只有其余三个，那么a:visited{}会继承a{}的所有属性。其余三个都是保持自己已有属性先从上一级（分级看上面的须知②，其中 a:link的上级是a）中继承没有的属性，再从a{}中继承至此自己没有的属性。
二、若没有a{……}的定义
①如果没写a:link{}，a:link{}将采用默认的字体大小和颜色
②如果没写a:hover{}，a:hover{}将继承a:link{}的所有属性。如果有a:hover{}，它将从a:link{}中继承自己没有的属性。
③如果没写a:active{}，a:active{}将先继承a:hover{}中 的所有属性，然后从a:link{}中继承至此仍没有的属性。
④如果没写a:visited{}，a:visited{}将采用默认的字体大小和颜色。

“刚刚进去的时候详情那个是没有访问的，但是显示红色的了”清下缓存再试试

希望对你有帮助