美文网首页
:first chlid和:first-of-type的区别

:first chlid和:first-of-type的区别

作者: 黄露hl | 来源:发表于2016-10-20 13:24 被阅读0次

E:first-child选中的是作为其父元素第一个子元素的元素E
E:first-of-type选中的是作为其父元素中第一个出现的元素E,可以不是其父元素的第一个子元素。
也就是说:first-child表示第一个子元素,:first-of-type表示第一个该类型的元素。
例1:

titletitle
代码demo
例2:
图片标题图片标题
.item1:first-chil表示选中使用item1选择器的第一个子元素,“aa”属于第一个子元素被选中;.item1:first-of-type表示选中item1下每一个第一次出现的元素,“aa”是第一个p,“bb”是第一个h3,都被选中。

相关文章

网友评论

      本文标题::first chlid和:first-of-type的区别

      本文链接:https://www.haomeiwen.com/subject/rapfuttx.html