列了三个例子,可以对比着看:
https://codepen.io/bluesailor/pen/MWWXPZv
https://codepen.io/bluesailor/pen/zYYamMW
https://codepen.io/bluesailor/pen/JjjZeaP
代码基本相同,只是p段落的位置不同。
下面这段代码的含义:是p标签的父一级标签(这里p的父一级标签为div, div的父一级标签为body)(父标签中的第一个标签:如果是p 就是红字)
p:first-child{color: red}
p:first-of-type 就省事了,不用管位置,就是来查找第一个是p的标签来给他定义属性。