首页 >web前端 >html教程 >为什么这个a:visited在火狐和谷歌上没效果?_html/css_WEB-ITnose

为什么这个a:visited在火狐和谷歌上没效果?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:06:031363浏览

<!DOCTYPE html><html>	<head>		<meta charset="" />		<style type="text/css">			div{				width: 120px;				font-size: 12px;				font-family: "宋体";			}			ul{				margin: 0px;				padding: 0px;				list-style-type: none;			}			li{				border-bottom: #ed9f9f solid 1px;			}			li a{				display: block;				padding: 5px 5px 5px 8px;				text-decoration: none;				border-left: 12px solid #711515;				border-right: 1px solid #711515;			}			li a:link{				background-color: #c11136;				color: #FFFFFF;			}			 li a:visited{				background-color: #C11136;				color: #555555;			}			li a:hover{				background-color: #C11136;				color: #0099FF;			}		</style>	</head>	<body>		<div>			<ul>				<li><a href="#">首页</a></li>				<li><a href="#">音乐MP3</a></li>				<li><a href="#">我的博客</a></li>				<li><a href="#">个人空间</a></li>			</ul>		</div>	</body></html>

哪里写错了吗


回复讨论(解决方案)

在IE11里点击超链接后会有颜色变化,在火狐和谷歌下点击根本没有颜色变化

firefox12测试没有问题,点击后边灰色#555555,默认白色

linux chrome 33测试没有问题
点击后文字颜色为#555555,但四个链接地址相同,点击其中一个,其它同样会有变色效果

linux chrome 33测试没有问题
点击后文字颜色为#555555,但四个链接地址相同,点击其中一个,其它同样会有变色效果


是,这个问题一直弄不明白,以前也做过一个,在IE里测试的时候单独点,别的不会变,在chrome和Firefox里的时候,点一个,全都变了,不知道为啥

firefox12测试没有问题,点击后边灰色#555555,默认白色


默认为白色?,我去试试

firefox12测试没有问题,点击后边灰色#555555,默认白色


我改了下颜色,还是那样啊,怎么搞得?
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn