<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a:link{
color:green
}
a:visited{
color:red
}
a:hover{
color:purple
}
a:active{
color:yellow
}
</style>
</head>
<body>
<a href="http:www.baidu.com">点击去百度</a>
</body>
</html>
<!--
:link{color:red;} 未访问的链接状态
:visited{color:green;} 已访问的链接状态
:hover移过、划过{color:blue;} 鼠标划过链接状态
:active{color:yellow;} 鼠标按下去时的状态
- 伪类如果要一起使用,四个伪类一起使用顺序不能颠倒
- 最常用的是一个hover
- a{color:black;} a:hover{color:red}
-->