html中關於a標籤偽類中的visited無效的解決辦法
- 黄舟原創
- 2017-07-27 13:27:513211瀏覽
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寫入上述程式碼，可以發現，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>
問題出來了。我沒有點擊的百度，剛出來就變成黑色了。
而我點擊無數遍的test.html則在點擊後沒有任何變化。
於是，我有了一個大膽的猜想，歷史記錄。
對，我把瀏覽器的歷史記錄清空後，刷新頁面，百度這個超連結直接變成了紅色。
而我點擊之後，則按程式變成了黑色。再刷新頁面，還是黑色。
翻閱歷史記錄，沒有關於test.html的歷史記錄。 (推薦使用Chrome等瀏覽器,可以留下本地文件運行的歷史記錄,而我以後再也不用其他亂七八糟的瀏覽器了)所以無論怎麼點擊後，它都顯示原來的紅色。
所以我們平常練習這塊的時候，由於沒有在瀏覽器上留下歷史記錄，導致在點擊過後，瀏覽器不知道我們已經點擊過了，沒有應用a :visited偽類。讓我們覺得a:visited沒有用。
以上是html中關於a標籤偽類中的visited無效的解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：關於html頁面優化的實例詳解下一篇：關於html頁面優化的實例詳解