CSS 最重要的一環就是選取器，新手一定要了解熟悉 CSS 選取器

才能事辦功倍，開發速度也會提升許多

今天就來寫下我常用的選取器筆記吧:)

:first-child 選取第一個子物件

p:first-child {
  color: red;
}

:first-of-type 選取第一個類型

p:first-of-type {
  color: red;
}

:last-child 選取最後一個子物件

p:last-child {
  color: red;
}

:last-of-type 選取最後一個類型

p:last-of-type {
  color: red;
}
:nth-child() 第 n 個子物件

p:nth-child(1) {
  color: red;
}
``
``:nth-last-child()``` 從結尾開始選取第 n 個子物件

p:nth-last-child(1) {
color: red;
}

```:nth-of-type()``` 選取第 n 的同類子物件

.wrap :nth-of-type(even) {
background-color: red;
}
``
:nth-last-of-type() 從結尾開始選第 n 的同類子物件

.wrap :nth-last-of-type(1) {
  background-color: red;
}