CSS中的鏈接樣式

爲什麼以下樣式的鏈接不起作用？CSS中的鏈接樣式

<html> 
<head> 
<style type="text/css"> 
    a:link {color:#123456;} /* unvisited link */ 
</style> 
</head> 

<body> 
    <a href="http://www.google.com">Visit Google</a> 
</body> 
</html>

謝謝！

來源

2010-04-10 Misha Moroshko

您是否100％正面www.google.com未被訪問？ :-) – ChssPly76 2010-04-10 03:40:51

清除瀏覽器歷史記錄並重試。或者選擇一個隨機/未訪問的鏈接並重試;） – BalusC 2010-04-10 03:48:54

你說得對:)鏈接真的被訪問過。在我清除了瀏覽器歷史記錄後，它工作了我想我不明白「訪問過的鏈接」的含義。瀏覽器（例如Firefox）如何記得鏈接已被訪問？ – 2010-04-10 03:54:27

這是因爲鏈接已被訪問。

嘗試

a {color: blue;} /* unvisited link */ 
a:visited {color: orange;} /* visited link*/

如果您刪除最後聲明的鏈接將是藍色無論:visited。

來源

2010-04-10 03:42:59

和a：hover {color：＃f00;}當您將鼠標放在它上面時它會變成紅色。 – BerggreenDK 2010-04-10 03:59:06

，你不應該依賴於它在未來的工作：

http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/

來源

2010-04-10 03:53:42

這是關於查看DOM風格信息的腳本。被訪問的僞類仍然可以用於用戶看到的內容（儘管可以對樣式進行一些限制）。針對錨點風格的DOM查詢將始終起作用，就像鏈接未被訪問一樣。 – bcherry 2010-04-10 03:56:14

對於一些通用的最佳實踐，鏈接造型層次結構是這樣的：

a:link { 
color: #ff0000; 
} 
a:visited { 
color: #ff0000; 
} 
a:hover { 
color: #cccccc; 
} 
a:focus { 
color: #cccccc; 
} 
a:active { 
color: #cccccc; 
}

這是最好的總是應用所有這些，無論你是單獨如上所述還是像這樣：

a:link, a:visited { 
color: #ff0000; 
} 
a:hover, a:focus, a:active { 
color: #cccccc; 
}

但是無論如何，順序是非常重要的，如果沒有遵守，事情可以被覆蓋。

來源

2010-04-10 04:57:15

CSS中的鏈接樣式

回答

相關問題