CSS 伪类用于向某些选择器添加特殊的效果. 伪类选择器, 和一般的 DOM 中的元素样式不一样, 它并不改变任何 DOM 内容. 只是插入了一些修饰类的元素, 这些元素对于用户来说是可见的, 但是对于 DOM 来说不可见.
1,:root() 选择器 匹配元素所有在文档的根元素
:root() 选择器, 从字面上我们就可以很清楚的理解是根选择器, 他的意思就是匹配元素 E 所在文档的根元素. 在 html 文档中, 根元素始终是 < HTML>.:root 选择器等同于 < HTML > 元素.
2,:empty() 选择器 选择没有子元素的元素, 且不包含节点
:empty() 选择器表示的就是空. 用来选择没有任何内容的元素, 这里没有内容指的是一点内容都没有, 哪怕是一个空格.
3,:not() 选择器
:not() 选择器称为否定选择器, 和 jQuery 中的: not 选择器一模一样, 可以选择除某个元素之外的所有元素.
4,:target 选择器
URL 带有后面跟有锚名称 #, 指向文档内某个具体的元素. 这个被链接的元素就是目标元素 (target element).
:target 选择器可用于选取当前活动的目标元素.
5,:first-child() 选择器
:first-child() 选择器表示的是选择父元素的第一个子元素的元素 E. 简单点理解就是选择元素中的第一个子元素, 记住是子元素, 而不是后代元素.
6,:last-child 选择器
:last-child 选择器用来匹配父元素中最后一个子元素.
7,:nth-child() 选择器
:nth-child() 选择某个元素的一个或多个特定的子元素.
8,:nth-last-child() 选择器
:nth-last-child() 从某父元素的最后一个子元素开始计算, 来选择特定的元素.
9,:nth-of-type() 选择器
:nth-of-type(n) 选择器和: nth-child(n) 选择器非常类似, 不同的是它只计算父元素中指定的某种类型的子元素. 当某个元素中的子元素不单单是同一种类型的子元素时, 使用: nth-of-type(n) 选择器来定位于父元素中某种类型的子元素是非常方便和有用的.
10,:nth-last-of-type() 选择器
:nth-last-of-type(n) 选择器匹配同类型中的倒数第 n 个同级兄弟元素.
n 可以是一个数字, 一个关键字, 或者一个公式.
11,:only-child 选择器
:only-child 选择器匹配属于父元素中唯一子元素的元素.
:only-child 表示的是一个元素是它的父元素的唯一一个子元素.
12,:first-of-type 选择器
:first-of-type 选择器匹配元素其父级是特定类型的第一个子元素.
13,:last-of-type 选择器
:last-of-type 选择器匹配元素其父级是特定类型的最后一个子元素.
14,:only-of-type 选择器
:only-of-type 代表了任意一个元素, 这个元素没有其他相同类型的兄弟元素.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16847.html