CSS : 使用nth-child()选择元素

n = 0,1,2… ( >0 ） ==.>选择的结果
选择第一个元素
:first-child

选择第n个元素
:nth-child(n)

选择偶数元素
:nth-child(2n) || nth-child(even)

选择奇数元素
:nth-child(2n-1) || nth-child(odd)

选择某一列元素（一行有3个元素）
:nth-child(3n+1) || :nth-child(3n+2)

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

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

两者结合使用，可以限制选择某一个范围
/【限制范围】选择第4个到第6个，取两者的交集 /
/ css选择器是从右向左匹配的/
:nth-child(-n+6):nth-child(n+4){}

选择最后一个元素
:last-child

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

选择列表中的倒数前n个标签
:nth-last-child(-n+3)

选择列表中的倒数第n个元素至开头
:nth-last-child(n+3)