伪类：基于当前元素的状态，例如使用hover：显示隐藏一个div。

  伪元素：对元素内的特定内容进行改变，例如使用:after给元素后边添加内容。

常用的伪类：

:link

伪类将应用于未被访问过的链接，与:visited互斥。

:hover

伪类将应用于有鼠标指针悬停于其上的元素。

:active

伪类将应用于被激活的元素，如被点击的链接、被按下的按钮等。

:visited

伪类将应用于已经被访问过的链接，与:link互斥。

:focus

伪类将应用于拥有键盘输入焦点的元素。

常用的伪元素：

:before

在元素内容的最前面添加新内容。

:after

在元素内容的最后面添加新内容。