Home > Web Front-end > HTML Tutorial > Why does a:visited not work on Firefox and Google? _html/css_WEB-ITnose

Why does a:visited not work on Firefox and Google? _html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:06:03
Original
1351 people have browsed it

<!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>
Copy after login

Did you write something wrong?


Reply to discussion (solution)

After clicking a hyperlink in IE11, there will be Color changes, there is no color change at all when clicking on Firefox and Google

There is no problem in firefox12 test, gray #555555 behind the click, default white

There is no problem in linux chrome 33 test
Text after clicking The color is #555555, but the four link addresses are the same. Click one of them, and the others will also change color

There is no problem in the linux chrome 33 test
After clicking, the text color is #555555, but the four The links have the same address. If you click on one of them, the others will also change color


Yes, I have never been able to figure this out. I have done one before. When testing it in IE, I clicked it alone and the others will not change. , when I click on one in Chrome and Firefox, everything changes, I don’t know why

Firefox12 test has no problem, click on the gray #555555 in the back, the default is white


The default is White? , I will try

There is no problem in the firefox12 test. Click on the gray #555555 in the back, and the default is white


I changed the color, but it is still the same. How can I do it?
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template