很早之前順著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標籤啟用時的樣式 注意 在使用時一定遵...