:nth-child()这个选择符括号内可以写+/- an + b （a，b均为整数）或者关键字

因为工作中有遇到要隐藏列表第三个子元素之后的所有子元素，所以有用到这个选择器，记录一下

当括号里只写一个数字，比如 .list li:nth-child(2)，作用为选中父元素list的第二个子元素li标签，如果list的第二个子元素不是li标签，则选择符失效

.list li:nth-child(2) {
   color: #f00;
}

括号内写2n就是选中list父元素的所有偶数项子元素list；2n+1就是选中所有奇数项子元素。

.list > li:nth-child(2n + 1){
  color: #f00;
}

括号内也允许使用关键字：odd代表奇数，even代表偶数。

.list > li:nth-child(even){
  color: #0f0;
}

n的作用是连续向后选中，b的作用是从第几个子元素开始。以.list li:nth-child(n+3)为例，将会选中第三个元素及之后的所有子元素

.list > li:nth-child(n + 3){
  color: #E6CC7E;
}

-n会把连续选中的方向改为向前，以.list li:nth-child(-n+3)为例，将会选中第三个元素以及之前的所有子元素

.list > li:nth-child(-n + 3){
  color: #E6CC7E;
}