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>