.wrapper > div:nth-child(3n) {
background-color: greenyellow;
}
其中n会被分别带入0， 1， 2， 3， 4， 5， ...
比如上面的就是0， 3， 6， 9... 被选中
.wrapper > div:nth-child(3n + 1) {
background-color: greenyellow;
}
则会选中：
0 * 3 + 1 = 1
1 * 3 + 1 = 4
2 * 3 + 1 = 7
3 * 3 + 1 = 10
其中n会被分别带入0， 1， 2， 3， 4， 5， ...比如上面的就是0， 3， 6， 9... 被选中 则会...
nth-child(3n) w3school文档：nth-child选择器 :nth-child(n) 选择器匹配...
:nth-child(even) 控制偶数样式 :nth-child(odd) 控制奇数样式 :nth-chil...
target:nth-child(n) jQuery 用CSS选择器来选取元素,target:nth-child(...
1、nth-child(odd)与nth-child(even)eg1: 标题 内容 标题 内容 标题 ...
:nth-child(-n+m) { do some thing} 选择前几个元素 :nth-child(n+6...
nth-child选择器 /*nth-child*/ /*选中第一个li*/ ul...
div.a :nth-child(n+3) div.a>:nth-child(n+3) div.a :nth-...
li标签中包含多个img标签。当用nth-child()标签选定img图片时。li:nth-child(1)...
一、:nth-child选择器 1.1 用法 格式p:nth-child(2){color：red} 含义表示p元...
本文标题：nth-child(xxx)
本文链接：https://www.haomeiwen.com/subject/xriosrtx.html
网友评论