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