nth-of-type(n)和ele:nth-child(n)都是css中用来匹配选择父元素下的子元，区别在于

ele:nth-of-type(n)是指父元素下第n个且类型为ele元素， 而ele:nth-child(n)是指父元素下所有元素而不管这个元素是不是ele类型，如果第n个元素且这个元素为ele风行选择，若不是，则选择失败。

<div> 
<ul class="demo"> 
<p>zero</p> 
<li>one</li> 
<li>two</li> 
</ul> 
</div>

.demo li:nth-child(2)选择的是<li>one</li>节点，而.demo li:nth-of-type(2)则选择的是<li>two</li>节点。