:first-child    p:first-child    同级别的第一个:last-child    p:last-child    同级别的最后一个:nth-child(n)                    同级别的第n个:nth-last-child(n)            同级别的倒数第n个    
     
    
      
我是div里面的li的第一个p
    
      
我是div里面的li的第二个p
    
      
我是div里面的li的第三个p
     
第一个,我是FV215b
第二个,我是超级征服者
第三个,我是KRV
第四个,我是60TP L
第五个,我是E-100坦克歼击车
第六个,我是E-100 WT(P)

:first-of-type                    同级别同类型的第一个:last-of-type                    同级别同类型的最后一个:nth-of-type(n)                    同级别同类型的第n个:nth-last-of-type(n)            同级别同类型的倒数第n个
我是标题
我是段落1
我是段落2
我是段落3
我是段落4
我是段落5
     
    
      
我是段落6.1
    
      
我是段落6.2
    
      
我是标题
     
我是段落7
#1、同级别同类型的第一个p:first-of-type {
        color: red;}“我是段落1”和“我是段落6.1”被选中#2、同级别同类型的最后一个p:last-of-type {
        color: red;}“我是段落7”和“我是段落6.2”被选中#3、同级别同类型的第n个p:nth-of-type(2) {
        color: red;}“我是段落2”和“我是段落6.2”被选中#4、同级别同类型的倒数第n个p:nth-last-of-type(2) {
        color: red;}“我是段落5”和“我是段落6.1”被选中示例:同级同类型

:only-of-type                    同类型的唯一一个:only-child                         同级别的唯一一个#1、同类型的唯一一个p:only-of-type {
        color: red;}
我是标题
     
    
      
我是段落6.1
    
      
我是段落6.2
    
      
我是标题
     
我是段落7
“我是段落7“被选中#2、同级别的唯一一个p:only-child {
        color: red;}
我是标题
     
    
      
我是段落6.1
     
我是段落7
“我是段落6.1”被选中示例：其他