:nth-child(even)表示匹配作为父元素的偶数(第2、4、6、8……个)子元素的元素; :nth-child(3n)表示匹配作为父元素的第 3n 个子元素的元素(n表示包括0在内的自然数,下同); :nth-child(3n+1)表示匹配作为父元素的第 3n+1 个子元素的元素; :nth-child(3n+2)表示匹配作为父元素的第 3n+2 个子元素...
p:nth-child(2) 承接上面的示例,如果这里的p元素前面还有其它元素,结果如下图,段落1被添加背景色,而不是上面示例的段落2被添加背景色, 因为这里的 p:nth-child(1)为h1元素,,所以 p:nth-child(2)才为p元素 p:nth-child(3n) 表示给3的倍数的p元素添加背景色,2n就是2的倍数,4n就是4的倍数,以此类推 ...
p:nth-child(3n)表示为3的倍数的 p 元素添加背景色，2n表示2的倍数，4n表示4的倍数，依此类推 p:nth-child(odd)表示为所有奇数 p 元素添加背景色 p:nth-child(even)表示为所有偶数 p 元素添加背景色 使用公式 (an + b) 描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。特...
:nth-child(n|even|odd|formula) 参数描述 n要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号是 1。 even选取每个偶数子元素。 odd选取每个奇数子元素。 formula规定哪个子元素需通过公式 (an+b) 来选取。 实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。
p:nth-child(2)才为p元素 p:nth-child(3n) 表示给3的倍数的p元素添加背景色,2n就是2的倍数,4n就是4的倍数,以此类推 p:nth-child(odd) 表示给所有奇数p元素添加背景色 p:nth-child(even) 表示给所有偶数p元素添加背景色 使用公式 (an + b),描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移...
nth-child(1) 第一个孩子 nth-child(2) 第二个孩子 nth-child(3n+1) 符合序号为3n+1的孩子,比如第1,4,7,10,13个孩子,是个集合 就是个css新加的选择器 分析总结。 nthchild3n1符合序号为3n1的孩子比如第1471013个孩子是个集合结果一 题目 在css样式中:nth-child(3n+1)这里的3n+1是什么意思?nth-ch...
n)来选取倒数第n个元素，而:nth-last-child(n+n)则选取倒数第n个之前的元素。最后，通过:nth-last-child(nn)如:nth-last-child(3n)，可以选取每3个元素中的一个，即选择3的倍数的元素。综上所述，“nth-child”提供了丰富的选择策略，帮助开发者精确地定位和操作网页中的元素。
/* 如果你想要选择每隔三行的第二行和第三行,可以这样写 */ $("tr:nth-child(3n+2)").css("background", "#eee"); /* 解释:li:nth-child(3n+2) * 这意味着:每一行有3个元素(表示为3n),而你想选择每一行的第二个元素(表示为+2)。 * 所以整体表示为3n+2,即每3个元素中的第2个。 */...
2、:nth-child(n) 选择器 匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 数字:最常见的使用方式,eg: :nth-child(1) 关键词: Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。
p:nth-child(odd) { background:#ff0000; } p:nth-child(even) { background:#0000ff; } 尝试一下 » 实例2 使用公式(an+ b).描述:a代表一个循环的大小,N是一个计数器(从0开始),以及b是偏移量。在这里,我们对所有索引是3的倍数的p元素指定了背景颜色: p:nth-child(3n+0) { background:#ff...