css关于child

• 前提理解

p:last-child
{ 
    background:red;
}

解释：p标签父元素的最后一个子元素如果为p元素，则设置背景色为red；言外之意，如果最后一个元素不是p，则不起作用；（记住不是最后一个p标签，是最后一个元素）

举例：

• 不起作用（因为最后一个元素不是p）

这是标题
第一个段落。
第二个段落。
123

• 起作用

这是标题
第一个段落。
第二个段落。
 // 该p标签背景被设置为red

分类

1. :first-child等同于:nth-child(1)
2. :last-child等同于:nth-last-child(1)
3. :nth-child(n)
4. :nth-last-child(n)

关于3,4中的n，可以理解为1,2,3,4....，表示第几个、倒数第几个；也可以为2n,则为偶数；也可以为2n+1，表示奇数...