html中對(duì)于a標(biāo)簽偽類中的visited無(wú)效的處理方法
發(fā)表時(shí)間:2024-01-02 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]html中關(guān)于a標(biāo)簽偽類中的visited無(wú)效的解決辦法<html><head><title>偽類超鏈接</title><!--<link href="./test.css" type="text/css&q...
html中關(guān)于a標(biāo)簽偽類中的visited無(wú)效的解決辦法
<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">這是一個(gè)偽類的超鏈接</a>
</body>
</html>
最近。在上述一個(gè)簡(jiǎn)單的小測(cè)試中,先建一個(gè)test.html然后在寫(xiě)建test2寫(xiě)入上述代碼,可以發(fā)現(xiàn),a:visited
好像并沒(méi)有起作用,我就上網(wǎng)找相關(guān)資料:
網(wǎng)上說(shuō),4個(gè)偽類要按我上述代碼的順序排序,沒(méi)有問(wèn)題。
沒(méi)有辦法,我只好試了一下百度
<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">這是一個(gè)偽類的超鏈接</a>
</body>
問(wèn)題出來(lái)了。我沒(méi)有點(diǎn)擊的百度,剛出來(lái)就變成了黑色。
而我點(diǎn)擊無(wú)數(shù)遍的test.html則在點(diǎn)擊后沒(méi)有任何變化。
于是,我有了一個(gè)大膽的猜想,歷史記錄。
對(duì),我把瀏覽器的歷史記錄清空后,刷新頁(yè)面,百度這個(gè)超鏈接直接變成了紅色。
而我點(diǎn)擊之后,則按程序變成了黑色。再次刷新頁(yè)面,還是黑色。
翻看歷史記錄,沒(méi)有關(guān)于test.html的歷史記錄。(推薦使用Chrome等瀏覽器,可以留下本地文件運(yùn)行的歷史記錄,而我以后再也不用其他亂七八糟的瀏覽器了)所以無(wú)論怎么點(diǎn)擊后,它都顯示原來(lái)的紅色。
所以我們平常練習(xí)這塊的時(shí)候,由于沒(méi)有在瀏覽器上留下歷史記錄,導(dǎo)致在點(diǎn)擊過(guò)后,瀏覽器不知道我們已經(jīng)點(diǎn)擊過(guò)了,沒(méi)有應(yīng)用a:visited偽類。讓我們覺(jué)得a:visited沒(méi)有用。
以上就是html中關(guān)于a標(biāo)簽偽類中的visited無(wú)效的解決辦法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。