CSS 選擇器 選擇前幾個元素

方法：使用偽類選擇器處理

1、選擇第n個，n代表數字

　　:nth-child(n){ }

2、選擇列表中的偶數的標簽

　　:nth-child(2n){}

　　:nth-child(even){ }

3、選擇列表中的奇數的標簽

　　:nth-child(2n - 1){ }

　　:nth-child(odd){ }

4、【負方向范圍】選擇第1個到第3個

　　:nth-child(-n + 3){ }

5、【正方向范圍】選擇從第3個開始的，直到最后

　　:nth-child(n + 3){ }

6、【限制范圍】選擇第3個到第6個，取兩者的交集

　　:nth-child(-n+6):nth-child(n+3){ }

7、選擇列表中的倒數第n個標簽 n為數字

　　:nth-last-child(n){ }

8、選擇第一個 ( first-child表示選擇列表中的第一個標簽 )

　　:first-child{ }

9、選擇最后一個 ( last-child表示選擇列表中的最后一個標簽 )

　　:last-child{ }