CSS伪类、伪元素

CSS伪类用于向某些选择器添加特殊的效果。

锚伪类
在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 鼠标移动到链接上 */
a:active {color: #0000FF}   /* 选定的链接 */

注意:
(1) 在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
(2) 在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
(3) 伪类名称对大小写不敏感。

:first-child 伪类
选择元素的第一个子元素。

:first-line 伪元素
“first-line” 伪元素用于向文本的首行设置特殊样式。
注意：
（1）”first-line” 伪元素只能用于块级元素。
（2）下面的属性可应用于 “first-line” 伪元素：
font、color、background、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear

:first-letter 伪元素
“first-letter” 伪元素用于向文本的首字母设置特殊样式。
注意：
（1）”first-letter” 伪元素只能用于块级元素。
（2）下面的属性可应用于 “first-letter” 伪元素：
font、color、background、margin、padding、border、text-decoration、vertical-align (仅当 float 为 none 时)、text-transform、line-height、float、clear

:before 伪元素
“:before” 伪元素可以在元素的内容前面插入新内容。

下面的例子在每个 <h1> 元素前面插入一幅图片：

h1:before
  {
  content:url(logo.gif);
  }

:after 伪元素
“:after” 伪元素可以在元素的内容之后插入新内容。