# a標(biāo)簽的偽類選擇器

# a標(biāo)簽的偽類選擇器

# cursor屬性(光標(biāo)樣式)

1.通過觀察,a標(biāo)簽存在一定的狀態(tài)

1.1 默認(rèn)狀態(tài),從未被訪問過

1.2 被訪問過的狀態(tài)

1.3鼠標(biāo)長按狀態(tài)

1.4 鼠標(biāo)懸停狀態(tài)

2.什么是a標(biāo)簽的偽類選擇器?

a標(biāo)簽的偽類選擇器是專門來修改a標(biāo)簽不同狀態(tài)的樣式的

3.格式

a:link 修改從未被訪問過的狀態(tài)樣式

a:visted 修改被訪問過的狀態(tài)樣式

a:hover 修改鼠標(biāo)懸停下的狀態(tài)樣式

a:active 修改鼠標(biāo)長按下的狀態(tài)樣式

4.注意點

4.1 a標(biāo)簽的偽類選擇器可以單獨出現(xiàn),也可以一起使用

4.2 a標(biāo)簽的偽類選擇器如果一起出現(xiàn),那么有嚴(yán)格的順序要求,編寫的順序必須遵守 “愛(love)恨(hate)原則” :link/visted:/hover:/active:

4.3 如果默認(rèn)狀態(tài)的樣式和被訪問過的狀態(tài)的樣式一樣,那么可以縮寫

格式

a{color: green;}

a:active{color: orange;}

a:hover{color: red}

1.在企業(yè)開發(fā)中編寫a標(biāo)簽的偽類選擇器最好寫在標(biāo)簽選擇器的后面

2.在企業(yè)開發(fā)中和a標(biāo)簽盒子相關(guān)的屬性都寫在標(biāo)簽選擇器中(顯示模式/寬度/高度/padding/margin)

3.在企業(yè)開發(fā)中和a標(biāo)簽文字/背景相關(guān)的都寫在偽類選擇器中

cursor屬性(光標(biāo)樣式)

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

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

  • 今天我們來學(xué)習(xí)一下a標(biāo)簽的4個偽類選擇器:①a:link選擇器:修改從未被訪問過的a標(biāo)簽樣式。②a:visited...
    xf0128閱讀 636評論 0 0
  • a標(biāo)簽的偽類選擇器(用來修改a標(biāo)簽的不同狀態(tài)的樣式的) 格式 :link(從未被訪問過) :visited(被訪問...
    小白古閱讀 2,122評論 0 0
  • a標(biāo)簽的狀態(tài) :link 默認(rèn)狀態(tài), 從未被訪問過,存在兼容問題, 使用:-webkit-any-link解決 :...
    LiYajie閱讀 715評論 0 0
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,531評論 1 41
  • :hover{}為什么要在下面? a連接常用的偽類選擇器有四種,根據(jù)CSS文檔的推薦,這四個選擇器最好按如下方式排...
    朱小維閱讀 1,262評論 0 0

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