CSS中 a标签的4个伪类_a标签点击过后是哪个类-优快云博客

本文链接：https://blog.youkuaiyun.com/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="#"