①红色球使用的是:first-child是用来选择某个元素的第一个子元素
②黄色球使用的是:last-child是用来选择某个元素的最后一个子元素
③:nth-child()可以选择某个的一个或多个特定的子元素,参数值如下:(length),(n),(n*length),(n+length),(-n+length),(n*length+1)只在单个文件中起作用或者只给li做描述的时候起作用这里的n不可代替,数字是从main这个层开始差数？
④:nth-last-child跟上一个是反的
⑤:nth-of-type类似于:nth-child，不同的是他只计算选择器中指定的那个元素,这个选择器主要对用来定位元素中包含了好多不同类型的元素是很有用处比如说main下面有li,p等元素的时候只需要选择p元素隔一个一个样式的写法是这样的p:nth-of-type(even)
⑥:nth-last-of-type
⑦first-of-type
⑧last-of-type
⑨only-child表示的是一个元素是它的父元素的唯一一个子元素
⑩only-of-type表示一个元素有很多不同的子元素，而其中只有一个子元素是唯一的
11empty如p:empty{display:none;}