一、代碼示范
<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沒有用。
目前支持的瀏覽器
360極速瀏覽器(圖)
不支持的:
qq瀏覽器 (只有訪問的一個記錄)
番外篇