CSS學習——關於連結的屬性

浩碼農發表於2011-08-26
CSS

　　這兩天，在看CSS，看的是聖思園的視訊。裡面對樣式的優先順序是這樣說的：

一般來說所有樣式有下面的規則（以下優先順序由低至高）

1.Browser default
瀏覽器預設
2.External style sheet
外部樣式表
3.Internal style sheet (inside the <head> tag)
內嵌樣式表
4.Inline style ( inside an HTML element)
行內樣式

　　在學到後面時，對連結定義它的樣式。我的程式碼如下：

HTML程式碼：

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="test4.css"/>
	</head>
	<body>
		<p><a href="">This is a link.</a><br>
		<a href="">This is really a link.</a></p>
		
	</body>
</html>

CSS程式碼：

body { color:orange}
h1 { color:green; font-size: 20pt}
hr { color: red}
p { font-size: 11pt; margin-left: 15px}
a:link { color: blue}
a:visited {color: red}
a:hover { color: black}
a:active { color: green}

　　但是在搜狗瀏覽器IE核心能如正常顯示，在webkit核心及firefox瀏覽器中，連結均是顯示紅色。難道僅是IE才支援link麼？

　　2011-08-26 18:32:31補充：明白了。看到後面知道了，因為連結的網站不是我沒有訪問過的，所以在firefox中顯示的是訪問過的顏色。看來IE和其他瀏覽器核心還是有很大不同啊。


相關文章