在我的HTML中，
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
..................
..................
在上面的HTML中，我有container个类.在我的CSS中，我需要向.container:nth-child(3,4,5,6,..and so on)添加一些样式.意味着我需要应用除1和2之外的所有nth-child个.
:nth-child()对类不起作用，它寻找元素本身.您需要用包装器包装.container个div，并使用以下方法:
.wrapper div:nth-child(n+3) {
/* put your styles here... */
}
<div class="wrapper">
<div class="container"></div>
<div class="container"></div>
<div class="container"></div>
<div class="container"></div>
</div>
100
:nth-child()使用.container:nth-child(n+3)可能会也可能不会起作用.因为，:nth-child()伪类表示与 Select 器匹配的nth个子元素(在本例中为.container).
如果.container元素不是parent元素中的nth-child元素，则不会 Select 它.
从Spec:
:nth-child(an+b)伪类表示法表示一个元素
请考虑以下示例:
<div class="parent">
<div>1st</div>
<div>2nd</div>
<div>3rd</div>
<div class="container">4th</div>
<div class="container">5th</div>
<div class="container">6th</div>
<div>7th</div>
<div class="container">8th</div>
<div>9th</div>
</div>
在本例中，.container:nth-child(2)不会 Select 第二个div.container元素(它有5th个内容).因为在父代的子树中，该元素不是其父代的2nd个子代.
此外，.container:nth-child(n+3)将 Select 所有div.container个元素，因为n从0开始表示父代的子树中的第一个元素，而第一个div.container是其父代的4th child个元素.
n starts from 0
n = 0: (0 + 3) = 3 => 3rd element
n = 1: (1 + 3) = 4 => 4th element
n = 2: (2 + 3) = 5 => 5th element
...
因此div.container:nth-child(n+3)代表所有的3rd，4th，5th...匹配div.container Select 器的子元素.
100.