自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

2302_76543887的博客

原创解析first-of-type与first-child的区别

可以发现具有class = "s1"的标签匹配到了<a>,<b>,<span>三个标签,将其父元素下的所有<a>,<b>,<span>看成有序的集合(只包括有class="s1"的标签),每个集合中的第一个这种标签(即有class= "s1"匹配到的标签)背景颜色会发生改变,如果第一个匹配到的该标签,没有class="s1"属性,那么css样式则不会应用!这是因为first-child选到的是该表签的父级元素下的第一个元素(绝对定位,而非像first-of-type那样是在同一标签中第一个元素)

2024-05-26 14:56:34 360