序号选择器

.box p:first-child{第一个子元素}

:last-child{最后一个子元素}

:nth-child(3){选择容器内的第3个子元素。也可以写成an+b的形式，表示从b开始每a个选一个，注意不能写成b+an。eg:.box p:nth-child(2n+3)，表示从第三个元素开始（包括第三个元素），每两个选一个。奇数可以直接p:nth-child(odd){}，偶数:p:nth-child(even)}

:nth-of-type(3){第3个某同类元素，适用(2n+3)的形式}

:nth-last-child(3){倒数第三个子元素}

:nth-last-of-type(3){倒数第3个某同类元素}

---

注意：如果某容器内只有一类标签，比如：<div class="box"><p>1</p><p>2</p><p>3</p><p>4</p></div>，使用nth-child，比如：.box p:nth-child(3){}；

如果同一容器内夹杂其它标签，比如：<div class="box"><p>1</p><p>2</p><span>span1</span><p>3</p><span>span2</span><p>4</p></div>，使用nth-of-type，比如：.box p:nth-of-type(3){}，因为这个时候使用.box p:nth-child(3){}的话，选中的元素是<span>span1</span>