天天看點

CSS定義中a:link,a:visited,a:hover,a:active

css定義中a:link,a:visited,a:hover,a:active 分别是什麼意思?

假如css放在style檔案夾下,頁面引用時:

<link href="style/a.css" rel="stylesheet"type="text/css" />

<link href="style/b.css" rel="stylesheet"type="text/css" />

<link href="style/c.css" rel="stylesheet"type="text/css" />

需要哪個樣式,就引用哪個樣式。

ps:你找一下你的css檔案中,哪個檔案中含有hei_b3,寫法應該是.hei_b3{...},在哪個css裡存在,頁面就引用哪個css

有多個css的情況下,如果你要看某個頁面檔案調用的是哪一個css檔案,可以這樣.直接看那個頁面檔案的源代碼.在頭部會有類似<linkhref="style/a.css" rel="stylesheet" type="text/css"/>這樣的代碼..其中 a.css就是所調用的css檔案.

:hover版本:css1/css2  相容性:ie4+ ns4+

文法:

selector : hover { srules }

說明:

設定對象在其滑鼠懸停時的樣式表屬性。

在css1中此僞類僅可用于a對象。且對于無href屬性(特性)的a對象,此僞類不發生作用。在css2中此僞類可以應用于任何對象。

目前ie5.5+僅支援css1中的:hover。

:active版本:css1/css2  相容性:ie4+

selector : active { srules }

設定對象在被使用者激活(在滑鼠點選與釋放之間發生的事件)時的樣式表屬性。

在css1中此僞類僅可用于a對象。且對于無href屬性(特性)的a對象,此僞類不發生作用。在css2中此僞類可以應用于任何對象。并且:active狀态可以和:link以及:visited狀态同時發生。

目前ie5.5+僅支援css1中的:active。

:link版本:css1  相容性:ie4+ ns4+

selector : link { srules }

設定a對象在未被通路前的樣式表屬性。

ie3将:link僞類的樣式表屬性作用于visited僞類。

預設值由浏覽器決定。

對于無href屬性(特性)的a對象,此僞類不發生作用。

:visited版本:css1  相容性:ie4+ ns4+

selector : visited { srules }

設定a對象在其連結位址已被通路過時的樣式表屬性。

預設值由浏覽器決定。定義網頁過期時間或使用者清空曆史記錄将影響此僞類的作用。

在css中定義a:active/a:link/a:visited/a:hover順序

正确的順序:a:link、a:visited、a:hover、a:active

 1:解釋

link:連接配接平常的狀态  

 active:連接配接被按下的時候  

 visited:連接配接被通路過之後  

  hover:滑鼠放到連接配接上的時候

詳細的: 

:hover版本:css1/css2   相容性:ie4+  ns4+  

 文法:    

  selector  :  hover  {  srules  }    

 說明:    

 設定對象在其滑鼠懸停時的樣式表屬性。    

 在css1中此僞類僅可用于a對象。且對于無href屬性(特性)的a對象,此僞類不發生作用。在css2中此僞類可以應用于任何對象。    

 目前ie5.5+僅支援css1中的:hover。    

 :active版本:css1/css2   相容性:ie4+  

  selector  :  active  {  srules  }    

 設定對象在被使用者激活(在滑鼠點選與釋放之間發生的事件)時的樣式表屬性。    

 在css1中此僞類僅可用于a對象。且對于無href屬性(特性)的a對象,此僞類不發生作用。在css2中此僞類可以應用于任何對象。并且:active狀态可以和:link以及:visited狀态同時發生。    

 目前ie5.5+僅支援css1中的:active。    

 :link版本:css1   相容性:ie4+  ns4+  

  selector  :  link  {  srules  }    

 設定a對象在未被通路前的樣式表屬性。    

 ie3将:link僞類的樣式表屬性作用于visited僞類。    

 預設值由浏覽器決定。    

 對于無href屬性(特性)的a對象,此僞類不發生作用。  

 :visited版本:css1   相容性:ie4+  ns4+  

  selector  :  visited  {  srules  }    

 設定a對象在其連結位址已被通路過時的樣式表屬性。    

 預設值由浏覽器決定。定義網頁過期時間或使用者清空曆史記錄将影響此僞類的作用。    

  對于無href屬性(特性)的a對象,此僞類不發生作用。

2:hover和a:visited書寫順序的重要性

今天在用a:hover屬性的時候發現一個奇怪的問題,同一個頁面裡面有些連結的a:hover效果不能正常表現出來。連結的代碼是一樣,沒有使用其它樣式固定,搞的我莫名其妙。還以為是某個标簽沒有關閉,但是頁面比較長,檢查起來又嫌累,但是想來想去找不到其它原因,索性把浏覽器一關,做别的事情去了。

重新打開這個頁面的時候,突然發現那個連結的a:hover效果又出來了。我想了一下,點了那個連結,然後回過頭再點,果然又沒了。連忙檢查css文檔,發現a:hover屬性寫在了visited之前,改寫到之後,重試,ok!

以前看書的時候注意到css中關于連結表現的書寫有提示說各屬性順序不能颠倒,一直沒有注意,寫的時候通常都很随意。現在看來不能這個順序還是很重要的。

css中關于超連結的四個屬性一般正常順序為:link,visited,hover,active,即a:link

a:visited

a:hover

a:active