a標籤偽類的作用及書寫順序是什麼_HTML/Xhtml_網頁製作
- WBOY原創
- 2016-05-16 16:39:451557瀏覽
a標籤偽類的作用：
":link": a標籤尚未被存取的狀態；
":visited": a標籤已被存取過的狀態；
":hover": 滑鼠懸停在a標籤上的狀態；
":active": a標籤被滑鼠按著時的狀態；
寫樣式時，為毛要按這個順序寫：
其實本質還是“同等優先權的樣式，寫在後邊的會覆蓋前邊”，a標籤的偽類只不過又結合了不同的動作順序，動作的觸發順序決定了偽類的順序必須依照lvha來寫。
下面結合這4個偽類簡單說下：
因為前2者兩種狀態是常態，而後2者是即時狀態，當即時狀態觸發時，要覆蓋常態，所以2個即時狀態要放在後邊；
因為在常態下：如果a標籤被訪問過後，就要呈現被訪問過的狀態，所以visited 要放在link後邊；
因為滑鼠按下時，伴隨著懸停的a標籤上，所以要想active覆蓋hover，就必須把active放後邊；
順序記憶技巧：
lv包hao用
":link": a標籤尚未被存取的狀態；
":visited": a標籤已被存取過的狀態；
":hover": 滑鼠懸停在a標籤上的狀態；
":active": a標籤被滑鼠按著時的狀態；
寫樣式時，為毛要按這個順序寫：
其實本質還是“同等優先權的樣式，寫在後邊的會覆蓋前邊”，a標籤的偽類只不過又結合了不同的動作順序，動作的觸發順序決定了偽類的順序必須依照lvha來寫。
下面結合這4個偽類簡單說下：
因為前2者兩種狀態是常態，而後2者是即時狀態，當即時狀態觸發時，要覆蓋常態，所以2個即時狀態要放在後邊；
因為在常態下：如果a標籤被訪問過後，就要呈現被訪問過的狀態，所以visited 要放在link後邊；
因為滑鼠按下時，伴隨著懸停的a標籤上，所以要想active覆蓋hover，就必須把active放後邊；
順序記憶技巧：
lv包hao用
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn