33岁转职者的前端笔记 DAY 28 CSS 选取器类别笔记

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;
}