link、visited、focus、hover、active的順序

: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)擊后顯示的顏色。

  1. :link 與 :visited 在樣式文件中的順序可以隨便放置
  • :link代表為訪問(wèn)鏈接的樣式,所以只要你是超鏈接,且未被訪問(wèn)過(guò),則鏈接都會(huì)按照你設(shè)定的樣式顯示,所以它的位置順序無(wú)所謂;
  • :visited代表鏈接訪問(wèn)后的樣式,則鏈接一旦被訪問(wèn),則之后它的樣式就會(huì)是你所設(shè)置的visited樣式
  1. :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樣式。
  1. :hover 與 :visited在樣式文件中的關(guān)系
  • a:hover屬性寫(xiě)在了visited之后
    因此:css中關(guān)于超鏈接的五個(gè)屬性一般正常順序?yàn)椋簂ink,visited,focus,hover,active

a:hover 必須被置于 a:link 和 a:visited 之后,才是有效的。

a:active 必須被置于 a:hover 之后,才是有效的。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容