:link 默认带 href 属性的 a 标签的样式
:visited 被访问过的链接的样式
:hover 鼠标悬浮上去的样式
:active 鼠标按下去的时候的样式
上面四种定义的时候需要保证这样的顺序
:focus 当前元素为 focus 状态
:lang lang(en) 对应 html 上的 lang 属性, 符合的话执行样式
:empty 选择没有子元素的元素执行样式
:enable 选择表单元素具有非 disable 属性的元素, 执行样式
:disable 选择表单元素具有 disable 属性的元素. 执行样式
:checked 单选按钮或者多选按钮被选中的, 执行样式
:target 锚点跳转到的内容执行样式
:root 匹配文档的根元素. HTML 中默认就是 HTML 元素
:default 默认状态的表单元素, 比如默认选中的下拉框, 单选按钮, 多选按钮, 执行样式
:first-of-type 选中该元素是别人首个子元素, 例如 p:first-of-type 就是所以元素子元素中第一个 p 元素
:last-of-type 意义和上面类似, 代表最后一个
:only-of-type 代表所有元素中只有一个该类型的元素 p:only-of-type
:only-child 例如 p:only-child 代表子元素中只有一个元素, 且必须是该类型 p
:first-child 例如 p:first-child 代表是父元素中的第一个元素, 且类型为 p
:last-child 意义同上, 最后一个元素
:nth-child(n) 例如 p:nth-child(2) 表示选择子元素第二个且类型为 p 的元素, n 从 1 开始算
:nth-last-child(n) 意思和上面类似, 只不过是从结尾开始往前数第 n 个, n 是从 1 开始算
:nth-of-type(n) 例如 p:nth-of-type(2) 代表子元素中第二次出现的 p 元素 n 从 1 开始算
:nth-last-of-type(n) 意义和上面类似, 只不过是从尾部往前数, n 从 1 开始算
:not() 例如 :not(p) 匹配非 p 元素
来源: http://www.css88.com/qa/css3/17866.html