首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

点击链接后回复链接文字的颜色

2012-10-20 
点击链接后恢复链接文字的颜色访问页面,链接初始颜色为“黑色”,当鼠标悬停在链接上时,颜色改变,当点击链接

点击链接后恢复链接文字的颜色
访问页面,链接初始颜色为“黑色”,当鼠标悬停在链接上时,颜色改变,当点击链接后颜色又恢复成黑色???

css样式:
a:link {color: #666666;text-decoration: none;}
a:visited {text-decoration: none;color: #666666;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #666666;}

页面中的链接:
<li><a href="/page/chexian/index.shtml" >车险首页</a></li>
<li><a href="/Insurance.action?selectedModuleId=newInsurance" id="1944" target="_blank">网上投保</a></li>
<li><a href="/service/1966.shtml" id="lipeicenter">理赔中心</a></li>
<li><a href="/PolicySearch.action?selectedModuleId=policySearch" id="1945">客户服务</a></li>
<li><a href="/NetCar/carNet_listUndoneOrders.action?selectedModuleId=orderManage" id="1946">我的车险</a></li>

[解决办法]
a:link {color: #666666;text-decoration: none;}
a:hover {text-decoration: underline;color: #000000;}
定义这两个伪类即可达到目的。



以下两个可以忽略
a:visited {text-decoration: none;color: #666666;}
a:active {text-decoration: none;color: #666666;}

热点排行