有差別啊。

p:nth-child(n) 是第n個子元素（但是第n個子元素不一定能找到p標簽）

p:nth-of-type(n) 是第n個p子元素（只找里面的p標簽，而且是找到后的第n個p標簽）

例如：

<!DOCTYPE?HTML>
<style>
????p:nth-child(2)?{
????????background-color:red;
????}
????p:nth-of-type(2)?{
????????background-color:green;
????}
</style>
<div>
????<span>span1</span>
????<p>p1</p>
????<p>p2</p>
</div>

這里，div下的子元素既有span，又有p。第2個子元素，跟第2個子p元素，是不同的意思。

類似地，你想想，如果是p:nth-child(1)，就找不到p標簽了。而?p:nth-of-type(1) 是能找到第一個p標簽的。