a標籤偽類的作用:
":link": a標籤尚未被存取的狀態;
":visited": a標籤已被存取過的狀態;
":hover": 滑鼠懸停在a標籤上的狀態;
":active": a標籤被滑鼠按著時的狀態;
寫樣式時,為毛要按這個順序寫:
其實本質還是“同等優先權的樣式,寫在後邊的會覆蓋前邊”,a標籤的偽類只不過又結合了不同的動作順序,動作的觸發順序決定了偽類的順序必須依照lvha來寫。
下面結合這4個偽類簡單說下:
因為前2者兩種狀態是常態,而後2者是即時狀態,當即時狀態觸發時,要覆蓋常態,所以2個即時狀態要放在後邊;
因為在常態下:如果a標籤被訪問過後,就要呈現被訪問過的狀態,所以visited 要放在link後邊;
因為滑鼠按下時,伴隨著懸停的a標籤上,所以要想active覆蓋hover,就必須把active放後邊;
順序記憶技巧:
lv包hao用