一、關於a標簽偽類中的visited不起作用問題


一、代碼示范

<html>
	<head>
		<title>偽類超鏈接</title>
		<!--<link href="./test.css" type="text/css" rel="stylesheet"></link>-->
		<style type="text/css">
			a:link {
				color:red;
				font-size:20px;
			}		
			a:visited {
				color:black;
				font-size:22px;
			}
			a:hover {
				color:yellow;
				font-size:22px;
			}
			a:active {
				color:green;
				font-size:24px;
			}
 
			table{
				width:200px;
				height:200px;
				background-color:pink;
			}
			body{
				margin-left:0;
				margin-top:0;
			}
 
		</style>
	</head>
	<body>
		<a href="#">這是一個偽類的超鏈接</a>
 
	</body>
</html>

 

a:visited好像並沒有起作用

歷史記錄

 

還有一種情況

 

翻看歷史記錄,沒有關於demo.html的歷史記錄。(推薦使用Chrome等瀏覽器,可以留下本地文件運行的歷史記錄,而我以后再也不用其他亂七八糟的瀏覽器了)所以無論怎么點擊后,它都顯示原來的紅色。

所以我們平常練習這塊的時候,由於沒有在瀏覽器上留下歷史記錄,導致在點擊過后,瀏覽器不知道我們已經點擊過了,沒有應用a:visited偽類。讓我們覺得a:visited沒有用。

 

 

 

目前支持的瀏覽器 

google

360極速瀏覽器(圖)

 

 

不支持的:

qq瀏覽器  (只有訪問的一個記錄)

 

番外篇

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM