css选择器nth-child

选择第n个，n位数字
:nth-child(n){}

选择列表中的偶数标签
:nth-child(2n){}
或
:nth-child(even){}

选择列表中的奇数标签
:nth-child(2n-1){}
或
:nth-child(odd){}

选择前几个元素
【负方向范围】选择第1个到第3个
:nth-child(-n+3){}

从第几个开始选择
【正方向范围】选择从第3个开始的，直到最后
:nth-child(n+3){}

两者结合使用，可以限制选择某一个范围
【限制范围】选择第3个到第6个，取两者的交集
:nth-child(n+3):nth-child(-n+6){}

选择列表中的倒数第n个标签 n为数字
:nth-last-child(n) {}

first-child表示选择列表中的第一个标签
例： li:first-child{margin-top: 10px;}

last-child表示选择列表中的最后一个标签
例： li:last-child{margin-top: 10px;}