伪类：基于当前元素的状态，例如使用hover：显示隐藏一个div。
伪元素：对元素内的特定内容进行改变，例如使用:after给元素后边添加内容。
常用的伪类：
:link
伪类将应用于未被访问过的链接，与:visited互斥。
:hover
伪类将应用于有鼠标指针悬停于其上的元素。
:active
伪类将应用于被激活的元素，如被点击的链接、被按下的按钮等。
:visited
伪类将应用于已经被访问过的链接，与:link互斥。
:focus
伪类将应用于拥有键盘输入焦点的元素。
常用的伪元素：
:before
在元素内容的最前面添加新内容。
:after
在元素内容的最后面添加新内容。