:link 链接被访问之前样式
:visited 链接被访问之后样式
:hover 链接在鼠标悬停时样式
:active 链接在鼠标被按下后样式
注:尽量按以上顺序书写
<!DOCTYPE html>
<html>
<head>
<title>apseudo</title>
<style>
a{
width: 100%;
float: left;
margin-left: 10px;
}
a:link{
color:black;
}
a:visited{
color:red;
}
a:hover{
color:yellow;
}
a:active{
color: green;
}
</style>
</head>
<body>
<a>被访问之前为黑色</a>
<a>被访问之后为红色</a>
<a>鼠标悬停为黄色</a>
<a>鼠标点击为绿色</a>
</body>
</html>
Love/Hate原则,我也是从别人那里知道的,感觉记起来还不错,赞!