伪元素

CSS伪元素(pseudo-elements)创建了一个有内容的虚拟容器，用于向某些选择器设置特殊效果
用法 selector:pseudo-element {property: value;}

::first-line : 用于向文本的首行设置特殊样式
::first-letter : 用于向文本的首字母设置特殊样式
::before : 可以在元素的内容前面插入新内容
::after : 可以在元素的内容之后插入新内容

伪类

CSS伪类(pseudo-classes)为了弥补常规CSS选择器的不足，以便获取到更多信息，用于向某些选择器添加特殊的效果
用法 selector:pseudo-class {property: value;}

:active : 向被激活的元素添加样式
:focus : 向拥有键盘输入焦点的元素添加样式
:hover : 当鼠标悬浮在元素上方时，向元素添加样式
:link : 向未被访问的链接添加样式
:visited : 向已被访问的链接添加样式
:first-child : 向元素的第一个子元素添加样式
:lang(language) : 向带有指定 lang 属性的元素添加样式

其它CSS3伪类参见 CSS选择器