CSS3:n-child（）选择器是如何工作的？

谁能解释一下CSS3:n子选择器是如何工作的

在下面的示例中，选择第一个元素，尽管：n个childn的值为2

p:nth-child2{ 背景：ff0000； } 这是一个标题 第一段

第二段

第三段

第四段

注意：Internet Explorer 8和早期版本不支持：n个子选择器。

该选择器将选择属于其父元素第n个子元素的所有元素。在您的例子中，p是其父级的第二个子级，因此它被选中

运行此代码段以验证行为：

p:nth-child2{ 颜色：红色； } 身体的第一个孩子 身体的第二个孩子

第一个孩子

第二个孩子

---

理解第n个childproperty的一个好例子是列表

李：N-child2{ 背景：红色； } 这是一个标题 第一个要素。 第二个要素。 第三个要素。 第四个要素。 ：nth childn选择器匹配其父元素的第n个子元素，无论其类型如何，即在您的示例中为。示例中的：nth-child2是第一段。

下面是一个示例，希望它能说明类型并不重要，重要的是子元素相对于其父元素的位置：

h1:nth-child2{ 背景：f00； } h2:nth-child2{ 背景：ff0； } h3:nth-child2{ 背景：f0f； } h4:nth-child2{ 背景：0ff； } h5:nth-2{ 背景：00f； } 这是一个h1标题。 这是一个h2标题。 这是一个h3标题。 这是一个h4航向。 这是一个h5的标题。 这是一个h1标题。 这是一个h2标题。 这是一个h3标题。 这是一个h4航向。

---

这是一个h5的标题。你能详细说明一下吗？我很困惑。我正在将pesudo类添加到P元素中，因此如果索引为0，则应选择第三个元素，即“

第三段。

”，否则如果索引为1，则应选择第三个元素，即“

第二段。

”。。。。。但是这里它选择第一个元素“第一段。

'p:nth-of-type2{background:red；}将选择您的第二段，如果这是您首先想要做的。您的意思是说它将选择parent作为主体，index1将从tag开始。。。。我在写吗？是的，我将成为父母，h1-第一个孩子，p-第二个孩子