结构选择器：根据元素在HTML中的结构关系查找元素

第一种情况：当所有结构名称相同的时候

E：first-child{}                        获取相同标签组成的集合下面的第一个子级元素

E：last-child{}                        获取相同标签组成的集合下面的最后一个子级元素

E：nth-child（n）{}                获取相同标签组成的集合下面的第几个子级元素(从前往后数)

E：nth-last-child（n）{}         获取相同标签组成的集合下面的第几个子级元素(从后往前数)

第二种情况：当结构名称不相同的时候

E：first-of-type{}                        获取相同标签组成的集合下面的第一个子级元素

E：last-of-type{}                        获取相同标签组成的集合下面的最后一个子级元素

E：nth-of-type（n）{}               获取相同标签组成的集合下面的第几个子级元素(从前往后数)

E：nth-last-of-type（n）{}        获取相同标签组成的集合下面的第几个子级元素(从后往前数)

/* 1.E:标签名称/某个选择器 */