:active
向被激活的元素添加樣式蹋绽,表示當(dāng)所指元素處于激活狀態(tài)(鼠標(biāo)在元素上按下還沒(méi)有松開(kāi))時(shí)所顯示的顏色芭毙。
:focus
向擁有鍵盤(pán)輸入焦點(diǎn)的元素添加樣式稿蹲,表示元素獲得光標(biāo)焦點(diǎn)時(shí)使用的顏色鹊奖,主要用于文本框輸入文字時(shí)使用(鼠標(biāo)松開(kāi)時(shí)顯示的顏色)。
:hover
當(dāng)鼠標(biāo)懸浮在元素上方時(shí)设哗,向元素添加樣式两蟀,表示鼠標(biāo)懸停時(shí)顯示的顏色。
:link
向未被訪問(wèn)的鏈接添加樣式赂毯,表示鏈接在正常情況下(即頁(yè)面剛加載完成時(shí))顯示的顏色。
:visited
向已被訪問(wèn)的鏈接添加樣式烦感,表示鏈接被點(diǎn)擊后顯示的顏色膛堤。
- :link 與 :visited 在樣式文件中的順序可以隨便放置
- :link代表為訪問(wèn)鏈接的樣式,所以只要你是超鏈接绿渣,且未被訪問(wèn)過(guò),則鏈接都會(huì)按照你設(shè)定的樣式顯示中符,所以它的位置順序無(wú)所謂;
- :visited代表鏈接訪問(wèn)后的樣式淀散,則鏈接一旦被訪問(wèn),則之后它的樣式就會(huì)是你所設(shè)置的visited樣式
- :focus 與:hover在樣式文件中的順序關(guān)系
- :focus 代表的是獲取焦點(diǎn)時(shí)的樣式隧出,有人說(shuō)啥是獲取焦點(diǎn)時(shí)的樣式阀捅,這個(gè)我們可以通過(guò)tab鍵來(lái)查看针余,一旦鏈接獲取了焦點(diǎn),則它的樣式就是你設(shè)置的focus樣式
- :hover 代表的是你光標(biāo)經(jīng)過(guò)某一元素時(shí)的樣式忍级,如果將此樣式放在:focus之后伪朽,則當(dāng)鏈接獲取焦點(diǎn)時(shí),顯示:focus樣式朴肺,當(dāng)光標(biāo)經(jīng)過(guò)此鏈接時(shí),會(huì)顯示hover的樣式戈稿,因?yàn)閔over排在后讶舰,會(huì)覆蓋focus樣式。
- :hover 與 :visited在樣式文件中的關(guān)系
- a:hover屬性寫(xiě)在了visited之后
因此:css中關(guān)于超鏈接的五個(gè)屬性一般正常順序?yàn)椋簂ink般甲,visited鹅颊,focus,hover历帚,active