CSS偽類選擇器

first-child / last-child / nth-child

**-child，CSS偽類選擇器，用來選擇子層內的元素

:first-child

子層內的第一個子元素

:last-child

子層內的最後一個子元素。

1. 子元素標籤不同，css的寫法為.group :last-child，記得.group: 「：」後面有空白，表示選取.group父層內的子層。

2. 若子元素的標籤相同，css的寫法可改寫如下，直接選取子元素的標籤：

:nth-child(數字)

選取相同元素裡的第（數字，由1開始計算）個子元素（odd為奇數、even為偶數子元素）

小結

群組裡同類型的元素，通常會套用相同樣式，使其外觀看起來整齊一致，但有時候會需要做其中的調整，這時候偽類選擇器就超好用了！不需要再額外給標籤就可以更改其屬性值，我在做ul>li時，要將li的mb下推，但最後一個元素不需要mb，這時便使用到了:last-child，於是把另外兩個常用的一起筆記下來～