例子：
需要设置前3个元素的margin-top值与其他的不同。

div:nth-child(-n+3){
  margin-top: 12px;
    选的第一个和最后一个
 
first-child表示选择列表中的第一个标签
例： li:first-child{background:#fff}
last-child表示选择列表中的最后一个标签
例： li:last-child{background:#fff}
                    /* 选择第n个，n位数字  */:nth-child(n)选择列表中的偶数标签:nth-child(2n)选择列表中的奇数标签:nth-child(2n-1)选择前几个元素/*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){}从第几个开始选择/*【正方向范围】选择从第6个开始的，直到最后  */:nth-child(n+6){}两者结合使...
				
对此，我把CSS3标准中nth-child()用法大致介绍下： CSS3伪类选择器：nth-child() 简单的归纳下nth-child()的几种用法。 第一：nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。(EG) li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/ 第二：nth-child(an) 匹配所有倍数为a的元素。其中参数an中的字母n不可缺省，它是倍数写法的标志，如3n、5n。 (EG) li:nth-child(3n){background:orange;}/*把第3、
如：在项目中要实现如下效果
在三列布局中间加边框线，只使用border-right是不行的，三个div都会被选中，因此使用css选择器给前两个div进行添加样式，实现代码如下：
 .totalShow > div:nth-child(-n+2) {
      border-right: 1px solid #E4E7ED;
其中 >大于号代表只选择下一代子元素 (-n+2) 代表选择前两个。
针对nth-ch
				
CSS选取第几个标签元素：nth-child(n)、first-child、last-child
nth-child（n）、first-child、last-child用法
注：nth-child(n)选择器匹配父元素中的第n个子元素。
n可以是一个数字，一个关键字，或者一个公式。
nth-child（n）用法：
1、nth-child(3)
表示选择列表中的第3个标签，代码如下：
在开发过程中，会碰到一些选择器的需求：
例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . .  等等。
我们可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、nth-child(n)。
二、使用方法的代码示例
1.常见使用方法
first-child first-child：选择列表中的第一个标签。
举例：第一行字体显示为红色，代码如下：
li:first-child{
				
本篇文章主要记录一些css常见的选择器的区别和用法，如相邻兄弟选择器（+）、兄弟选择器(>)、子选择器(+)、:nth-child()等，掌握了这些，可以帮助我们在前端开发中事半功倍。
相邻兄弟选择器(+)
定义：相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。
html代码：
    <p>这里是第一个p...
				
也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。*：通用元素选择器* { margin: 0; padding: 0; }
*选择器是选择页面上的全部元素