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

看CSS3时发现了一个nth-of-type选择器，发现平时基本没见过用，就研究了一下，w3c是这样说明的：

:nth-of-type( n ) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.

看起来和nth-child很像

:nth-child( n ) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

那么两者区别到底是什么？试验一下吧。

HTML：

           div   class  ="box"  >  
            box：        
               p  > 我是p1   p  >   
               p  > 我是p2   p  > 
           div  > 
           div   class  ="pox"  >  
            pox：         
               p  > 我是p1   p  >         
               p  > 我是p2   p  > 
           div  >          

查看更多关于nth-of-type和nth-child的区别的详细内容...