css中给元素添加子元素的伪类

在CSS3中，子元素伪类选择器有两大类。

（1）:first-child、:last-child、:nth-child(n)、:only-child

（2）:first-of-type、:last-of-type、:nth-of-type(n)、:only-of-type

CSS伪类用于向特殊状态的选择器添加特殊效果，使用最多的伪类是锚伪类。

a:link 未访问的链接

a:visited 已访问的链接

a:hover 鼠标移动到链接上,此伪类不止限于超链接上，其他元素也可使用

a:active 选定的链接

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

伪类的使用是在选择器后添加伪类，如selector:pseudo-class{color:red}, selector.class:pseudo-class{color:red}

注：pseudo-class表示伪类，但并无此伪类，selector表示选择器。

CSS的伪类还有其他几种：

:active 向被激活的元素添加样式。

:focus 向拥有键盘输入焦点的元素添加样式。IE中必须声明 <!DOCTYPE>，IE8以下不支持。

:hover 当鼠标悬浮在元素上方时，向元素添加样式。

:link 向未被访问的链接添加样式。

:visited 向已被访问的链接添加样式。

:first-child 向元素的第一个子元素添加样式。IE中必须声明 <!DOCTYPE>。

:lang 向带有指定 lang 属性的元素添加样式。IE中必须声明 <!DOCTYPE>，IE8以下不支持。

CSS中，还有伪元素，形态及使用方法类同伪类。

:first-letter 向文本的第一个字母添加特殊样式。

:first-line 向文本的首行添加特殊样式。

:before 在元素之前添加内容。

:after 在元素之后添加内容。

---