总结来说，`:first-child`关注的是结构上的位置，而`:first-of-type`关注的是元素类型的特定顺序。类似的选择器，如`:last-child`、`:last-of-type`、`:nth-child(n)`和`:nth-of-type(n)`，都可以通过理解它们的定位和类型规则来应用在CSS中。
: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元素中的第一个。这里不再限制是第一个子元素了,只要是该类型元素的第一个就行了,当然这些元素的范围...
这个过程并不考虑元素的class属性。相比之下，first-child选择器则是针对父元素的第一个子元素，无论其类型如何。它会首先找到父元素，然后检查是否有一个元素带有first-child属性，如果是，则应用相应的样式。所以，这两个选择器的区别在于，first-of-type关注元素类型，而first-child关注子元素的顺序。
解释first-child与first-of-type的区别是什么? first-child和first-of-type都是CSS中的伪类选择器,用于选中某些特定的元素。它们的区别主要在于选择元素的方式: first-child:这个选择器会选中其父元素的第一个子元素,不论这个子元素是什么类型的标签。例如,p:first-child会选中每个父元素的第一个子元素,只要这个...
所以, first-of-type只对元素类型生效, 并不对class类型生效。 所以, 后面只能对不同类型使用不同标签。 这里面, 还有一个属性first-child, 他和first-of-type有啥区别呢, 这两个容易弄混。 1.first-of-type first-of-type选择器匹配属于其父元素的特定类型的首个子元素的每个元素。也就是说它会先去找它...
所以说,first-child只代表内容 2.这是first-of-type的代码以及结果: <!DOCTYPE html> first与child的区别 p:first-of-type{ color: greenyellow; } 这里是p1 这里是span标签 div下的p1 div下的p2 这里是p2 first-of-type的代码执行...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child h1:first-child span:first-child :first-child 然后,在css3中又定义了:first-of-type这个选择器,这个跟:first-child有什么区别呢?还是看那段代码: ...
区别::first-child匹配父元素中的第一个子元素,可以说是结构上的第一个子元素;而:first-of-type匹配父元素下相同类型子元素中的第一个,不再限制是第一个子元素了,只要是该类型元素的第一个就行了。 【推荐教程:CSS视频教程 】 css选择器中first-child与first-of-type的区别 ...