结构选择

笔记：（以下总结内容均是在火狐浏览器下）

0.E:nth-child(n):元素父节点的第n个子节点（n>0且n∈Z）

1E:.nth-child(odd):元素父节点下奇数项子节点 nth-child(even):元素父节点偶数项子节点

2.E:nth-child(2n):元素父节点下的偶数项子节点（n表示自然数，括号内内容符合数学计算标准，元素索引从1开始）

3.body  *:nth-child(n):位于body下某元素的父节点的第n个子元素（预防元素未知的情况）

4.body  *:nth-last-child(n):位于body下某元素的父节点的倒数第n个子元素（与上面3唯一的区别是顺序，其他均相同）

5.body *:nth-of -type(n):位于body下M元素的父节点的第n个M元素（遍历body下的所有元素类型并施加某种样式）

与nth-child(n）不同之处在于nth-child不区分类型。

6.E:nth-of -type(n):元素E的父节点的第n个E元素。与nth-child的区别是nth-child位于body下E元素的父节点的第n个子元素若不是E，则该样式不作用于任何元素。

7.:first-child==:nth-child(1) :last-child==nth-last-child(1):first-of-type==nth-of-type(1) last-of-type==nth-last-of-type(1)

8.E:empty表示E元素中没有包含文本节点的子节点。