css3 :nth-child和:nth-of-type 选择器差异

:nth-child和:nth-of-type都是CSS3中的伪类选择器，两者作用类似,但仍有部分区别.

举个例子：

对于p:nth-child(3) 和 p:nth-of-type(3)，被选中的元素需满足的条件条分别为：
***p:nth-child(3) ***：该元素是父元素的第三个子元素，且元素类型为p。
***p:nth-of-type(3) ***：该元素是父元素的第三个类型为p的子元素。

一个简单的应用：

    
    
    



    

        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
        

            
xHTML+CSS
            
HTML5+CSS3
            
Javascript
            
jQurey
        
    

表格隔行隔列换色：https://codepen.io/jaminwong/pen/QExgOm