CSS3中的nth-of-type 和nth-child的区别

div:nth-of-type(n)  //父级元素下的第n个div元素

div:nth-child(n)  //父级元素下的第n个元素

举个例子（）

代码如下：

<div class="box">

<div>1</div>

<div>2</div>

<p>3</p>

<p>4</p>

<div>5</div>

<div>6</div>

</div>

上面代码中

div:nth-of-type(3) 获取的是<div>5</div>

而p:nth-child(3)获取的是<p>3</p>