基礎篇 a標籤的四偽類順序

2021-07-11 20:19:56 字數 837 閱讀 6373

很早之前順著w3c學,那會兒還不懂知識積累,只是喜歡啥學啥,現在有了部落格,卻發現很多積累的知識都忘掉了,所以再做一遍積累。

這篇是a標籤的四種偽類的順序,很常用。

a標籤偽類的作用:

:link「: a標籤還未被訪問的狀態;

:visited「: a標籤已被訪問過的狀態;

:hover「: 滑鼠懸停在a標籤上的狀態;

:active「: a標籤被滑鼠按著時的狀態;

type="text/css">

a:link

/* 未訪問的鏈結 */

a:visited

/* 已訪問的鏈結 */

a:hover

/* 滑鼠在鏈結上 */

a:active

style>

取消下劃線:

a

本質是「同等優先權的樣式,寫在後邊的會覆蓋前邊」,a標籤的偽類只不過是又結合了不同的動作順序,動作的觸發順序決定了——偽類的順序必須按lvha來寫。

下面結合這4個偽類簡單說下:

因為前2者兩種狀態是 常態,而後2者是 即時狀態,當即時狀態觸發時,要覆蓋常態,所以2個即時狀態要放在後邊;

在常態下:如果a標籤被訪問過後,就要呈現被訪問過的狀態,所以visited 要放在link後邊;

因為滑鼠按下時,伴隨著懸停的a標籤上,所以要想active覆蓋hover,就必須把active放後邊。

a標籤4個偽類的順序排列

與a標籤有關的常用偽類包括4個,分別為 link visited hover active。在設定a標籤的css樣式時,需要設定的順序為love hate link visited hover active 原因 瀏覽器的就近原則,舉個例子 我定義的順序是a visited a hover a li...

標籤偽類的書寫順序為什麼是lvha

a標籤偽類的作用 link a標籤還未被訪問的狀態 visited a標籤已被訪問過的狀態 hover 滑鼠懸停在a標籤上的狀態 active a標籤被滑鼠按著時的狀態 寫樣式時,為毛要按這個順序寫 其實本質還是 同等優先權的樣式,寫在後邊的會覆蓋前邊 a標籤的偽類只不過是又結合了不同的動作順序,動...

錨偽類的四種偽類

偽類 與類選擇器相似但是又有所不同 錨偽類 作用 給a標籤設定沒有訪問過的樣式 a visited a visited 作用 給a標籤設定訪問過的樣式 a hover a hover 給a標籤設定滑鼠懸停時的樣式 a active a active 作用 設定a標籤啟用時的樣式 注意 在使用時一定遵...