结构伪类选择器

root{ } 匹配文档根元素
ele:first-child{ } 选择一组相同元素中的第一个元素
ele:last-child{ } 选择一组相同元素中的最后一个元素
ele:nth-child(n){ } 选择一组相同元素中的第n个元素，n可以是数值、关键词、表达式
        数值
        关键词：odd(奇数)|even(偶数)
        表达式：2n(偶数)|2n+1(奇数)
        ele:nth-last-child(n){ } 选择一组相同元素中的倒数第n个元素，n表示数值、关键词、表达式

  备注: 以上元素必须类型一样

ele:first-of-type 选择一组元素中特定类型的第一个子元素的每个元素。
ele:last-of-type 选择一组元素中特定类型的最后一个子元素的每个元素。
ele:nth-of-type(n){ } 选择一组元素中特定类型的第n个ele元素
ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素

备注 : 以上元素类型可以不一样

child一组与of-type一组的区别

nth-child强调结构 关系，查找子元素中的第几个
nth-of-type强调类型，查找类型中的第几个

html
备注: 以上元素必须类型一样