偽元素選擇器
阿新 • • 發佈：2022-03-24
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>偽元素選擇器</title> <!-- 通過CSS偽元素選擇器將特殊的效果新增到某些選擇器。 例如：超連結不同狀態都可以指定不同的效果 樣式： link:未點選狀態 visited:點選過的狀態 hover：滑鼠懸浮狀態 active:啟用狀態(滑鼠點選和釋放中間的狀態)--> <style type="text/css"> /* 點選之前 */ a:link{ color: chocolate; /* 關閉下劃線樣式 */ text-decoration: none; } /* 點選之後 */ a:visited{ color: blue; /* 關閉下劃線樣式 */ text-decoration: none; }/*滑鼠懸浮*/ a:hover{ color: yellowgreen; text-decoration: none; } /* 超連結啟用樣式*/ a:active{ color: crimson; text-decoration: none; } </style> </head> <body> <a href="Demo04.html">ABD</a> </body> </html>