a標簽偽類的作用及書寫順序是什么
發(fā)布時間：2013-09-27 17:23:37 作者：佚名 
我要評論
我要評論a標簽的偽類只不過是又結(jié)合了不同的動作順序，動作的觸發(fā)順序決定了偽類的順序必須按lvha來寫，接下來為大家詳細介紹下，感興趣的朋友不妨參考下
a標簽偽類的作用：
":link": a標簽還未被訪問的狀態(tài)；
":visited": a標簽已被訪問過的狀態(tài)；
":hover": 鼠標懸停在a標簽上的狀態(tài)；
":active": a標簽被鼠標按著時的狀態(tài)；
寫樣式時，為毛要按這個順序?qū)懀?/strong>
其實本質(zhì)還是“同等優(yōu)先權(quán)的樣式，寫在后邊的會覆蓋前邊”，a標簽的偽類只不過是又結(jié)合了不同的動作順序，動作的觸發(fā)順序決定了偽類的順序必須按lvha來寫。
下面結(jié)合這4個偽類簡單說下：
因為前2者兩種狀態(tài)是常態(tài)，而后2者是即時狀態(tài)，當即時狀態(tài)觸發(fā)時，要覆蓋常態(tài)，所以2個即時狀態(tài)要放在后邊；
因為在常態(tài)下：如果a標簽被訪問過后，就要呈現(xiàn)被訪問過的狀態(tài)，所以visited 要放在link后邊；
因為鼠標按下時，伴隨著懸停的a標簽上，所以要想active覆蓋hover，就必須把active放后邊；
順序記憶技巧：
lv包hao用
":link": a標簽還未被訪問的狀態(tài)；
":visited": a標簽已被訪問過的狀態(tài)；
":hover": 鼠標懸停在a標簽上的狀態(tài)；
":active": a標簽被鼠標按著時的狀態(tài)；
寫樣式時，為毛要按這個順序?qū)懀?/strong>
其實本質(zhì)還是“同等優(yōu)先權(quán)的樣式，寫在后邊的會覆蓋前邊”，a標簽的偽類只不過是又結(jié)合了不同的動作順序，動作的觸發(fā)順序決定了偽類的順序必須按lvha來寫。
下面結(jié)合這4個偽類簡單說下：
因為前2者兩種狀態(tài)是常態(tài)，而后2者是即時狀態(tài)，當即時狀態(tài)觸發(fā)時，要覆蓋常態(tài)，所以2個即時狀態(tài)要放在后邊；
因為在常態(tài)下：如果a標簽被訪問過后，就要呈現(xiàn)被訪問過的狀態(tài)，所以visited 要放在link后邊；
因為鼠標按下時，伴隨著懸停的a標簽上，所以要想active覆蓋hover，就必須把active放后邊；
順序記憶技巧：
lv包hao用
相關(guān)文章
- html5 的a標簽是可以撥電話的，通過其Href屬性來實現(xiàn)，需要的朋友可以了解下2013-11-04
- CSS為一些特殊效果準備了特定的工具，我們稱之為“偽類”。本文將詳細介紹經(jīng)常用于定義鏈接樣式的四個偽類,需要的朋友可以參考下2012-12-10
- 去掉a標簽超鏈接的虛線框的方法，需要的朋友可以參考下。2011-11-23
- 上面是偽類的正確順序，簡稱 lvha(love-ha)。你一直知道這個順序但是為什么這樣呢？原理是怎么樣的？2011-07-22
- 一組專門的預定義的類稱為偽類，主要用來處理超鏈接的狀態(tài)。超鏈接文字的狀態(tài)可以通過偽類選擇符＋樣式規(guī)則來控制2013-12-09