版权声明：随便转载 https://blog.csdn.net/a732894380/article/details/83342238
有时候在浏览一些网站时会发现，当你把鼠标放在链接上时，它的颜色就会变，这就是用了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="#"