文字超链接点击后怎样恢复原来动作及颜色样式

来源：百度知道 编辑：UC知道 时间：2024/06/18 18:55:55
我知道用 a:link a:visited a:active 和 a:hover 控制，但是，现在假如一个文字链接 属性是这样的：链接默认颜色是黑色（无下划线），鼠标移上去的时候是红色且有下划线，点击后仍然改为黑色无下划线，这时问题出现了，当点击了这个链接后，虽然链接颜色仍然是黑色，可是这时鼠标移上去的时候的“红色且有下划线”的动作就没了，仍然是黑色无下划线，哪位大侠可以让这个链接每次点击后恢复原来的属性。急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！急！
我就是想实现如 hao123 的文字链接效果，当点击了一个链接后，鼠标随便点一下空白处那个链接就恢复了原来的动作和样式，大家去看看。http://www.hao123.com/

这几个伪类似有顺序的!顺序一定不能错。
a:link是超级链接的初始状态
a:visited是访问过后的情况
a:hover是把鼠标放上去时的状况
a:active是鼠标点击时，一般前3个就够了，这个一般不用
代码如下：保存html试下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;