:first-child 匹配的是某父元素的第一个子元素,就是结构上的第一个子元素。 :first-of-type 匹配的是某父元素该类型的第一个,类型就是冒号前面匹配到的东西,比如 span:first-of-type,就是指父元素里所有span元素中的第一个。 同样类型的选择器 :last-child 和 :last-of-type、:nth-child(n) 和 :nth...
区别::first-child匹配父元素中的第一个子元素,可以说是结构上的第一个子元素;而:first-of-type匹配父元素下相同类型子元素中的第一个,不再限制是第一个子元素了,只要是该类型元素的第一个就行了。 css选择器中first-child与first-of-type的区别 :first-child选择器是css2中定义的选择器,从字面意思上来看...
:first-child 匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。 :first-of-type 匹配的是该类型的第一个,类型是指什么呢,就是冒号前面匹配到的东西,比如 p:first-of-type,就是指所有p元素中的第一个。这里不再限制是第一个子元素了,只要是该类型元素的第一个就行了,当然这些元素的范围...
总结来说，`:first-child`关注的是结构上的位置，而`:first-of-type`关注的是元素类型的特定顺序。类似的选择器，如`:last-child`、`:last-of-type`、`:nth-child(n)`和`:nth-of-type(n)`，都可以通过理解它们的定位和类型规则来应用在CSS中。
first-child和first-of-type都是CSS中的伪类选择器,用于选中某些特定的元素。它们的区别主要在于选择元素的方式: first-child:这个选择器会选中其父元素的第一个子元素,不论这个子元素是什么类型的标签。例如,p:first-child会选中每个父元素的第一个子元素,只要这个子元素是标签。 first...
这个过程并不考虑元素的class属性。相比之下，first-child选择器则是针对父元素的第一个子元素，无论其类型如何。它会首先找到父元素，然后检查是否有一个元素带有first-child属性，如果是，则应用相应的样式。所以，这两个选择器的区别在于，first-of-type关注元素类型，而first-child关注子元素的顺序。
所以, first-of-type只对元素类型生效, 并不对class类型生效。 所以, 后面只能对不同类型使用不同标签。 这里面, 还有一个属性first-child, 他和first-of-type有啥区别呢, 这两个容易弄混。 1.first-of-type first-of-type选择器匹配属于其父元素的特定类型的首个子元素的每个元素。也就是说它会先去找它...
全国免费咨询: 400-028-6601 业务咨询:028-86922220 / 13518219792 节假值班:18980820575 / 13518219792 联系地址:成都市太升南路288号锦天国际A幢1002号Copyright © 成都创新互联科技有限公司重庆分公司 渝ICP备2021005571号 友情链接:: 成都网站建设 重庆网站建设 四川网站建设 重庆建设网站 移动服务器托管 成都...
区别::first-child匹配父元素中的第一个子元素,可以说是结构上的第一个子元素;而:first-of-type匹配父元素下相同类型子元素中的第一个,不再限制是第一个子元素了,只要是该类型元素的第一个就行了。 【推荐教程:CSS视频教程 】 css选择器中first-child与first-of-type的区别 ...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child h1:first-child span:first-child :first-child 然后,在css3中又定义了:first-of-type这个选择器,这个跟:first-child有什么区别呢?还是看那段代码: ...