a標籤的偽類選擇器

2021-07-28 14:37:17 字數 518 閱讀 3514

什麼是a

標籤的偽類選擇器?

a標籤的偽類選擇器是專門用來修改a

標籤不同狀態的樣式的

a:link

a:visited

a:hover

a:active

1.通過我們的觀察發現a標籤存在一定的狀態

1.1預設狀態,從未被訪問過

1.2被訪問過的狀態

1.3滑鼠長按狀態

1.4滑鼠懸停在a標籤上狀態

格式:

:link 修改從未被訪問過狀態下的樣式

:visited 修改被訪問過的狀態下的樣式

:hover 修改滑鼠懸停在a標籤上狀態下的樣式

:active 修改滑鼠長按狀態下的樣式

注意點:

a標籤的偽類選擇器可以單獨出現也可以一起出現

a標籤的偽類選擇器如果一起出現,那麼有嚴格的順序要求

編寫的順序必須要個的遵守愛恨原則love hate

如果預設狀態的樣式和被訪問過狀態的樣式一樣,那麼可以縮寫

a標籤偽類選擇器

a link 未被訪問時的狀態 a visited 已被訪問時的狀態 a hover 當滑鼠懸停在a標籤上時的狀態 a active 當滑鼠長按時的狀態。偽類選擇器可以同時出現,也可以單獨出現 同時出現,必須遵循link visited hover active的順序 若未被訪問與已訪問狀態相同,則...

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽類選擇器

作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...