html中结构伪类选择器,CSS 结构伪类选择器有几个？

CSS 伪类用于向某些选择器添加特殊的效果。伪类选择器，和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。

CSS 结构伪类选择器有几个？

1、:root()选择器 匹配元素所有在文档的根元素

:root()选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是。:root选择器等同于元素。

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前端开发知识，请查阅 HTML中文网 ！！