markdown ：first-child和：first-of-type

Posted 2021-05-05

> [element]:first-child 的着眼点在于 first-child

`p:first-child`先找到第一个子元素, 再看它是不是 p 元素, 是则匹配成功, 否则匹配失败

> [element]:first-of-type 的着眼点在于 element

`p:first-of-type`直接去匹配子元素中的第一个 p 元素

类似选择器 :last-child  和 :last-of-type、:nth-child(n)  和  :nth-of-type(n) 也可以这样去理解