first-of-type 和 first-child

article span:first-child {
    color: red;
}
---------


    111111111 
    

        一一一一一一一一一 
        二二二二二二二二二
    
    

        haha
        oooooooooo
    

article span:first-of-type {
    color: red;
}
----------


    111111111 
    

        一一一一一一一一一 
        二二二二二二二二二
    
    

        haha
        oooooooooo 
    

• first-child 在同级元素中必须是第一个标签
• first-of-type 在同级且相同标签中的第一个标签