CSS偽類是CSS中十分重要的部分,它可以通過不同的選擇器來實(shí)現(xiàn)不同的效果,其中包括偽類和偽元素,這里我們著重介紹偽類與鏈接一起使用的實(shí)例。
/* 未訪問鏈接 */ a:link { color: blue; text-decoration: underline; } /* 已訪問鏈接 */ a:visited { color: purple; text-decoration: underline; } /* 鼠標(biāo)懸浮在鏈接上 */ a:hover { color: red; text-decoration: none; } /* 鏈接被選中 */ a:active { color: green; text-decoration: none; }
上述代碼是比較常見的偽類和鏈接組合,在這里我們簡單介紹一下,為鏈接設(shè)置“:link”樣式表示鏈接的初始狀態(tài)(未訪問過);為鏈接設(shè)置“:visited”樣式表示已訪問過的鏈接;為鏈接設(shè)置“:hover”樣式表示鼠標(biāo)懸浮在鏈接上時的狀態(tài);為鏈接設(shè)置“:active”樣式表示鏈接被點(diǎn)擊后的狀態(tài)。
需要注意的是,在上述代碼中我們使用了“text-decoration”屬性,它的值有下劃線、刪除線和不顯示三種,根據(jù)不同的效果進(jìn)行選擇即可。
總之,CSS偽類是CSS樣式實(shí)現(xiàn)的重要部分,通過與鏈接的組合使用,可以實(shí)現(xiàn)更加豐富的效果,為網(wǎng)頁設(shè)計帶來更多的靈活性。
上一篇css偽類字體顏色
下一篇css偽類畫一個三角形