:nth-child() 与:nth-of-type()的区别

ele:nth-child(n)是指父元素下查找第n个元素,并且这个元素的tagName为ele,这才返回成功的值

ele:nth-of-type(n)是指父元素下第n个ele元素,这里注重的是元素,然后是从索引开始查


<div> 
    <ul class="demo"> 
        <p>0</p> 
        <li>1</li> 
        <li>2</li> 
    </ul> 
</div> 
li:nth-child(2)选中的是索引为2的元素,并且tagName还得是li元素,所以是<li>1</li> 

li:nth-of-type(2)选中的是第2个li元素,所以是<li>2</li>