css伪类选择器介绍

伪类选择器：

（推荐学习：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>