CSS中 a標籤的4個偽類
阿新 • • 發佈：2018-12-17
有時候在瀏覽一些網站時會發現，當你把滑鼠放在連結上時，它的顏色就會變，這就是用了css控制了它的四種狀態， 大家都知道a標籤可以用來實現超連結，
第一種狀態： link （預設）正常狀態（初始狀態，不用滑鼠去觸碰） 第二種狀態： hover 滑鼠放上去的時候（但不點選） 第三種狀態： active 點選的時候（滑鼠還沒放開） 第四種狀態： visited 點選之後（）
語法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <title>css 偽類</title> <meta http-equiv="Content-Type" content="text/html; charset= utf8" /> <style> a:link{ color: black; } a:visited{ color:blue; } a:hover{ color: orange; } a:active{ color: pink; } </style> </head> <body> <a href="http://www.baidu.com/">ffff</a> </body> </html>
使用時注意： active 一般不必寫 四種狀態控制一定要按照 LVHA 的順序寫 link 可以省略
空連結可以用：href="#"