css child選擇器妙用:倒數第n,奇數列,偶數列,倍數列,第n個到最後,第一個到n
1、first-child
first-child表示選擇列表中的第一個標籤。
2、last-child
last-child表示選擇列表中的最後一個標籤
3、nth-child(3)
表示選擇列表中的第3個標籤,上面程式碼中的3也可以改成其它數字,如4、5等。想選擇第幾個標籤,就填寫幾。
4、nth-child(2n) 倍數列可以是3,4,5...........n
這個表示選擇列表中的偶數標籤,即選擇 第2、第4、第6…… 標籤。
5.nth-child(even)
同4係數為2時,這個表示選擇列表中的偶數標籤,即選擇 第2、第4、第6…… 標籤。
6、nth-child(2n-1)
這個表示選擇列表中的奇數標籤,即選擇 第1、第3、第5、第7……標籤。
7、nth-child(odd)
同6係數為2時,這個表示選擇列表中的奇數標籤,即選擇 第1、第3、第5、第7……標籤。
8、nth-child(n+3)
這個表示選擇列表中的標籤從第3個開始到最後。
9、nth-child(-n+3)
這個表示選擇列表中的標籤從0到3,即小於3的標籤。
10、nth-last-child(3)
這個表示選擇列表中的倒數第n個標籤。