css的伪类与伪元素

css的伪类与伪元素

一、两者在w3school的定义

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

    css伪元素：用于向某些选择器设置特殊的效果。

二、伪类与伪元素

    伪类

:active	向被激活的元素添加样式（置于a:hover 之后才是有效的）
:focus	向拥有键盘输入焦点的元素添加样式
:link	向未被访问的链接添加样式
:hover	当鼠标悬浮在元素上方时，向元素添加样式（置于a:link和a:visited后才是有效的）
:visited	向已被访问的链接添加样式
:first-chlid	向元素的第一个子元素添加样式
:lang	向带有指定lang属性的元素添加样式

伪元素

:first-letter	向文本的第一个字母添加特殊样式（只能用于块级元素） 可用属性(font.color.background.margin.padding.text-decoration.vertical-align(仅当float为none时).text-transform.line-height.clear.float.border）
:first-line	向文本的首行添加特殊样式（只能用于块级元素） 可用属性（font.color.background.word-spacing.letter-spacing.text-decoration.vertical-align.text-transform.line-height.clear）
:before	在元素之前添加内容
:after	在元素之后添加内容

注释：若有错误请指出，大家一起愉快的学习。