02---Css3结构伪类选择器

结构伪类选择器，可以根据元素在文档中所处的位置，来动态选择元素，从而减少HTML文档对ID或类的依赖，有助于保持代码干净整洁。
结构伪类选择器

选择器	作用
E:first-child	匹配父元素中第一个子元素E
E:last-child	匹配父元素中最好一个子元素E
E:nth-child(n)	匹配父元素中第n个子元素E
E:first-of-type	指定类型E得第一个
E:last-of-type	指定类型E得最好一个
E:nth-of-type()	指定类型E得第n个

nth-child(n)
注意：

• n可以是数字,也可以是公式
• n可以是关键词 even是偶数 odd 奇数
• 第0个元素,或者超出元素个数会被省略

常见得公式,n是从0开始计算得

公式	说明
2n	偶数
2n+1	奇数
5n	从5个开始 5 10 15…
n+5	从第5个开始 5 6 7 8…
-n+5	从第5个往前排 5 4 3 2 1…

总结:
类选择器,属性选择器,伪类选择器 他们得权重都为10