（推荐学习：css快速入门）
1、link、hover、active、visited
a:link（未访问的链接状态），用于定义了常规的链接状态。
a:hover（鼠标放在链接上的状态），用于产生视觉效果。
a:active（在链接上按下鼠标时的状态）。
a:visited（已访问过的链接状态），可以看出已经访问过的链接。
a:link{color: black}a:hover{color: yellow}a:active{color: blue}a:visited{color: red} <a href="#">nick</a>
2、before、after
p:before 在每个<p>元素的内容之前插入内容。
p:after 在每个<p>元素的内容之后插入内容。
p { color: yellow;}p:before{ content: "before...";}p:after{ content: "after...";}<p> nick </p>
以上就是css伪类选择器介绍的详细内容。