天天看點

a和a:link的差別

這個問題很久之前就遇到過,今天剛好有再次遇到,順便寫下來吧。

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,一般情況下最終效果

都會完全相同。