结构伪类选择器 是 css3中新增的选择器,主要作用是通过 “文档结构的先后关系” 来匹配特定的元素,
从而减少结构代码中ID属性和class属性的定义,使得文档更简洁。
结构伪类选择器语法:
(1).n不能以0开头,123…,
(2).也可以是其他关键字如odd奇数、even偶数。
(3).也可以使用2n表示偶数,2n+1表示奇数。

选择 功能描述
:root 选择匹配文档的根元素
E:nth-child(n) 选择所有在其父元素中的第n个位置的匹配E的子元素。
E:nth-last-child(n) 选择所有在其父元素中倒数第n个位置的匹配E的子元素。
E:nth-of-type(n) 选择所有在其父元素中同类型第n个位置的匹配E的子元素。
E:nth-last-of-type(n) 选择所有在其父元素中同类型倒数第n个位置的匹配E的子元素。
E:last-child 选择位于其父元素中最后一个位置,且匹配E的子元素 ,与E:nth-last-child(1)等同。
E:fisrt-child 选择位于其父元素中第一个位置,且匹配E的子元素 ,与E:nth-child(1)等同。
E:first-of-type 选择在其父元素中匹配E的第一个同类型子元素。
E:last-of-type 选择在其父元素中匹配E的最后一个同类型子元素。
E:only-child 选择在其父元素中只包含一个子元素,且该子元素匹配E。
E:only-of-type 选择在其父元素中只包含一个同类型子元素,且该子元素匹配E。
E:empty 选择匹配E的元素,且该元素不包含子元素。

:root匹配文档的根元素(文档中所有的标签)

:root{
font-size: 30px;
}

匹配在其父元素中第二个位置匹配tr的子元素

tr:nth-child(2){
background-color: red;
}

在其父元素table中倒数第2个位置的匹配tr的子元素

tr:nth-last-child(2){
background-color: pink;
}

每一个tr中的最后一个td

td:last-child{
background-color: green;
}

规定属于其父元素的唯一子元素的 b元素
注意:Internet Explorer 不支持 :only-child 选择器

b:only-child{
background-color: blue;
}
<caption><b>班级信息表</b></caption>