超鏈接四個偽類狀態(tài) 超鏈接的偽類有哪些?分別表示什么含義?
超鏈接的偽類有哪些?分別表示什么含義?a:Link{color:#ff0000}/*未訪問鏈接*/a:visted{color:#00ff00}/*已訪問鏈接*/a:hover{color:#FF00
超鏈接的偽類有哪些?分別表示什么含義?
a:Link{color:#ff0000}/*未訪問鏈接*/a:visted{color:#00ff00}/*已訪問鏈接*/a:hover{color:#FF00FF}/*鼠標(biāo)懸停在鏈接上*/a:active{color:#0000ff}/*選定鏈接*/以上定義了未訪問超鏈接時的鏈接樣式,即已訪問鏈接樣式,將鼠標(biāo)分別放在鏈接樣式和選定鏈接樣式上。之所以稱之為偽類,是因為它不是真類。普通類以點開頭,后跟名稱,以冒號開頭,后跟狀態(tài)限定符。例如,第三個a:hover樣式僅在鼠標(biāo)移到鏈接上時生效,而a:visited僅在已訪問的鏈接上生效。偽類使得用戶體驗大大提高。例如,我們可以設(shè)置屬性,例如在鼠標(biāo)上移時更改顏色或下劃線,以告訴用戶您可以單擊
以超鏈接a為例:a:active/a:link/a:visted/a:hover。這是四種偽類,它們代表鏈接,link:連接的正常狀態(tài),active:當(dāng)連接被按下時訪問:當(dāng)連接被訪問后,懸停:當(dāng)你把鼠標(biāo)放在連接上,如果你想設(shè)置未訪問的超鏈接的顏色,你可以直接設(shè)置一個鏈接的CSS,然后將訪問的樣式設(shè)置為其他樣式,以區(qū)分未訪問和已訪問的區(qū)別
偽類使用超鏈接a標(biāo)簽,a:link{color:#ff0000}T/T/*未訪問的鏈接*/a:visted{color:#00ff00}T/*已訪問的鏈接*/a:hover{color:#FF00FF}T/*將鼠標(biāo)移到鏈接上*/a:active{color:#0000ff}T/*選定鏈接*/您只需要使用第一個和第二個鏈接,設(shè)置的顏色相同。