- 前提理解
p:last-child
{
background:red;
}
解释：p标签父元素的最后一个子元素如果为p元素，则设置背景色为red；言外之意，如果最后一个元素不是p，则不起作用；（记住不是最后一个p标签，是最后一个元素）
举例：
- 不起作用（因为最后一个元素不是p）
<body>
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<div>123</div>
</body>
- 起作用
<body>
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p> // 该p标签背景被设置为red
</body>
分类
-
:first-child等同于:nth-child(1) -
:last-child等同于:nth-last-child(1) :nth-child(n):nth-last-child(n)
关于3,4中的n，可以理解为1,2,3,4....，表示第几个、倒数第几个；也可以为2n,则为偶数；也可以为2n+1，表示奇数...
