CSS 结构伪类选择器有几个?
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前端开发知识,请查阅 HTML中文网 !!
以上就是CSS 结构伪类选择器有几个?的详细内容,更多请关注易知道|edz.cc其它相关文章!