📅 最后修改于: 2020-11-04 06:40:35 🧑 作者: Mango
该选择器用于根据元素的位置匹配元素，而不管其父元素的类型如何。 n可以是关键字，公式或数字。它用于根据元素在一组兄弟姐妹中的位置来匹配元素。它匹配每个元素，即第n个子元素。
以下是此选择器的语法：
:nth-child(n) {
//CSS Property
}
括号中的“ n”是表示匹配元素的模式的参数。它可以是功能符号，偶数或奇数。
奇数值表示位置串联的奇数元素，例如1、3、5等。类似，偶数值表示位置串联的奇数元素，例如2、4、6等。
功能符号(An + B)：功能符号表示其兄弟姐妹位置与An + B模式匹配的元素，其中A是整数步长，n是从0开始的任何正整数，B是整数偏移量。
让我们看一些插图。
在此示例中，我们使用的功能符号3n + 4将表示元素：
(3×0)+4 = 4，(3×1)+4 = 7，还有更多。
CSS :nth-child Selector
Hello World
Welcome to the javaTpoint
It will not affected.
It will be affected.
Not affected.
Not affected.
It will be affected.
在此示例中，我们将使用奇数和偶数关键字来匹配索引为奇数或偶数的元素。请注意，第一个子索引是1。
CSS :nth-child Selector
Hello World
Welcome to the javaTpoint
Odd
Even
Odd
Even
Odd