明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中對于a標簽偽類中的visited無效的處理方法

發(fā)表時間：2024-05-13 來源：明輝站整理相關軟件相關文章人氣：

[摘要]html中關于a標簽偽類中的visited無效的解決辦法<html><head><title>偽類超鏈接</title><!--<link href="./test.css" type="text/css&q...
html中關于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="./test.html" target="_blank">這是一個偽類的超鏈接</a>

	</body>
</html>

最近。在上述一個簡單的小測試中，先建一個test.html然后在寫建test2寫入上述代碼，可以發(fā)現(xiàn)，a:visited

好像并沒有起作用，我就上網找相關資料：

網上說，4個偽類要按我上述代碼的順序排序，沒有問題。

沒有辦法，我只好試了一下百度

<span style="white-space:pre">	
</span>
<body>
<a href="http://www.baidu.com" target="_blank">百度</a>
<pre name="code" class="html">
<span style="white-space:pre">		
</span>
<a href="./test.html" target="_blank">這是一個偽類的超鏈接</a>
</body>

問題出來了。我沒有點擊的百度，剛出來就變成了黑色。

而我點擊無數(shù)遍的test.html則在點擊后沒有任何變化。

于是，我有了一個大膽的猜想，歷史記錄。

對，我把瀏覽器的歷史記錄清空后，刷新頁面，百度這個超鏈接直接變成了紅色。

而我點擊之后，則按程序變成了黑色。再次刷新頁面，還是黑色。

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

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

以上就是html中關于a標簽偽類中的visited無效的解決辦法的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。