在CSS中，选择器是用来选择HTML文档中特定元素的一种方式。其中，伪类选择器是一种特殊的选择器，用于在选择元素的基础上增加特殊的状态。结构伪类选择器是伪类选择器中的一种类型，用于根据元素在文档中的位置来选择元素。
一、结构伪类选择器n
结构伪类选择器n是CSS3中引入的一种选择器，它可以选择指定步长的元素。具体来说，n可以选择以某个数字为基数，以步长为单位选定一系列元素。
例如，使用:nth-child(n)可以选择所有元素的第n个子元素，:nth-last-child(n)可以反向选择所有元素的第n个子元素，:nth-of-type(n)可以选择所有同种类型元素中的第n个元素，:nth-last-of-type(n)可以反向选择所有同种类型元素中的第n个元素。
/* 选择所有ul元素中第偶数个li元素 */
ul li:nth-child(even) {
/* 样式 */
}
/* 选择所有表格行中的偶数行 */
tr:nth-child(even) {
/* 样式 */
}
二、结构伪类选择器只能选亲儿子
结构伪类选择器只能选亲儿子，不能选择孙子辈及以下后代元素。这意味着，使用结构伪类选择器时需要考虑元素的直接父元素。
例如，使用:nth-of-type(n)时，只会在同种类型的元素中选择第n个元素，而不会选择其他类型的元素中的第n个元素。因此，需要结合其父元素的选择器来精确选择需要的元素。
/* 选择父级元素为ul的情况下，所有ul元素中的第二个li元素 */
ul > li:nth-of-type(2) {
/* 样式 */
}
三、结构伪类选择器语法格式
结构伪类选择器的语法格式是：:nth-X（n）
其中，X可以是child或者of-type，表示选择子元素或者同种类型的元素，n表示选取的第n个元素，可以是具体的数字，也可以是关键字，如odd代表奇数，even代表偶数，可以使用正负号表示偏移量。
特别的，可以使用:nth-last-X来反向选择元素。
四、结构伪类选择器的特点
结构伪类选择器的特点如下：
- 可以根据元素的位置选择指定元素
- 可以选择同种类型的元素和子元素
- 只能选择直接父元素
- 使用步长和偏移量来进行选择
- 语法格式简单明了
五、结构伪类选择器的写法
结构伪类选择器可以直接在CSS样式中使用，写法如下：
/* 选择直接父元素下的第n个子元素 */
父元素 :nth-child(n) {
/* 样式 */
}
/* 选择同种类型元素中第n个元素 */
元素 :nth-of-type(n) {
/* 样式 */
}
/* 反向选择直接父元素的第n个子元素 */
父元素 :nth-last-child(n) {
/* 样式 */
}
/* 反向选择同种类型元素中的第n个元素 */
元素 :nth-last-of-type(n) {
/* 样式 */
}
六、结构伪类选择器有哪些
结构伪类选择器主要有以下几种：
- :nth-child(n)——选择直接父元素下的第n个子元素。
- :nth-last-child(n)——反向选择直接父元素下的第n个子元素。
- :nth-of-type(n)——选择同种类型元素中的第n个元素。
- :nth-last-of-type(n)——反向选择同种类型元素中的第n个元素。
七、结构伪类选择器用法
结构伪类选择器主要用于选择具有特定位置关系的元素，常见的用法如下：
- 选择表格中的行或列
- 选择列表中的偶数或奇数项
- 选择图库中的每一行或每一列
- 选择表格中第一列或者最后一列
八、结构伪类选择器倒数
结构伪类选择器还可以选择倒数的元素，用法与正数相似，只需在选择器前加上last-即可。
/* 选择ul元素中倒数第2个li元素 */
ul li:nth-last-child(2) {
/* 样式 */
}
九、结构伪类选择器的格式
结构伪类选择器的格式如下：
:nth-X(n)
其中，X可以是child或者of-type，表示选择子元素或者同种类型的元素，n表示选取的第n个元素，可以是具体的数字，也可以是关键字，如odd代表奇数，even代表偶数，可以使用正负号表示偏移量。
特别的，可以使用:nth-last-X来反向选择元素。
