CSS 第 n 个子范围

在 CSS 中，我们可以通过使用伪类（pseudo-class）或伪元素（pseudo-element）来选择父元素中的某个子元素，这被称为子范围（sub-selector），我们可以使用如下方式来表示：

父元素：子元素 {}

其中，父元素为我们要选择的父元素，子元素则是我们要选择父元素中的某个子元素，例如：

ul li {}

表示我们要选择 <ul> 元素下的所有 <li> 元素。

如果我们要选择父元素中的第 n 个子元素，可以使用伪类 :nth-child，其中 n 为数字，表示要选择的子元素的位置，例如：

ul li:nth-child(3) {}

表示我们要选择 <ul> 元素下的第三个 <li> 元素。

另外，如果要选择某种类型的子元素中的第 n 个子元素，则可以使用伪类 :nth-of-type，例如：

div p:nth-of-type(2) {}

表示我们要选择 <div> 元素下的第二个 <p> 元素，而不是选择整个文档中的第二个 <p> 元素。

需要注意的是，伪类 :nth-child 和 :nth-of-type 中的数字是从 1 开始计数的，而不是从 0 开始计数的。

以上就是 CSS 中的子范围的使用方法，当我们需要选择父元素中的特定子元素时，可以使用子范围选择器来实现。