這個問題很久之前就遇到過,今天剛好有再次遇到,順便寫下來吧。
a和a:link有什麼差別?不妨看下代碼:
有兩個标簽
<a>紅色連結</a>
<a href="#">藍色連結</a>
并且賦予顔色:
a{ color:#900}
a:link{ color:#00F}
a{ color:#900}是紅色,a:link{ color:#00F}是藍色,實際顯示的顔色是,使用a的是紅色,使用a:link的是藍色,這說明a:link會對擁有href=”“,即擁有實際連結位址的a對象發生效果。而對直接使用a對象的内容不産生效果。實際上,大多數情況我們直接用a而不是a:link,一般情況下最終效果都會完全相同。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無标題文檔</title>
<mce:style type="text/css"><!--
a{ color:#900}
a:link{ color:#00F}
--></mce:style><style type="text/css" mce_bogus="1"><!--
a{ color:#900}
a:link{ color:#00F}
--></style>
</head>
<body>
<a>紅色連結</a>
<a href="#" mce_href="#">藍色連結</a>
</body>
</html>
使用a的是紅色,使用a:link的是藍色,這說明a:link會對擁有href=”“即擁有實際連結位址的a對象發生效果。
而對直接使用a對象的内容不産生效果。實際上,大多數情況我們直接用a而不是a:link,一般情況下最終效果
都會完全相同。