15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 CSS

first-child与first-of-type的区别是什么?

梁鹏翱| 发布于 2022-02-28 11:22:20| 617阅读| 0点赞| 0评论
举报

first-child与first-of-type的区别

二者的区别如下:

first-child匹配的是父元素的第一个子元素,可以说是结构上的第一个子元素。

first- of-type匹配的是该类型的第一个元素,类型就是指冒号前面匹配到的元素,并不限制是第一个子元素,只要是该类型元素的第一个即可。当然,这些元素的范围都属于同一级,也就是同辈。

p:first-child匹配到p元素,因为p元素是div的第一个子元素。

span:first-child匹配不到span元素,因为span是div的第二个子元素。

p:first-of-type匹配到p元素,因为p是div所有为p的子元素中的第一个。

span:first-of-type匹配到span元素,因为span是div所有为span的子元素中的第一个。

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

梁鹏翱
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部