:first-child 匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。 :first-of-type 匹配的是该类型的第一个,类型是指什么呢,就是冒号前面匹配到的东西,比如 p:first-of-type,就是指所有p元素中的第一个。这里不再限制是第一个子元素了,只要是该类型元素的第一个就行了,当然这些元素的范围...
:first-of-type :first-of-type伪类用于选择父元素中第一个特定类型的子元素。与:first-child不同,:first-of-type会考虑元素的类型。 例如,li:first-of-type会选择每个ul或ol中的第一个li元素,即使它不是列表中的第一个子元素(比如前面有其他的非li元素)。 Some other element<!-- 不会被选中 -->Item ...
:first-child匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。 :first-of-type匹配的是某父元素下相同类型子元素中的第一个,比如 p:first-of-type,就是指所有类型为p的子元素中的第一个。这里不再限制是第一个子元素了,只要是该类型元素的第一个就行了。 同样类型的选择器 :last-child ...
所以, first-of-type只对元素类型生效, 并不对class类型生效。 所以, 后面只能对不同类型使用不同标签。 这里面, 还有一个属性first-child, 他和first-of-type有啥区别呢, 这两个容易弄混。 1.first-of-type first-of-type选择器匹配属于其父元素的特定类型的首个子元素的每个元素。也就是说它会先去找它...
空格-first-of-type.png 分析 先找div标签。class为parent的div标签,我们可以发现其内部有两种标签,即p标签和div标签,然后分别 找它们的第一个就好了。另外一个是class为cc的div标签。其内部有h1标签和p标签,同样分别找到第一个就好了。 总结:element :first-child 和 element :first-of-type 前者只要在element...
总结:E:first-child要满足两个条件。第一:必须是E元素;第二:必须要是某元素的第一个子元素。 二.E:first-of-type 这个伪类选择器的含义就是匹配父元素下使用同种标签的第一个子元素(等同于:nth-of-type(1)),它和E:first-child不一样。它主要强调同种类的标签中的第一个而不管这类标签是否是第一个出...
这个过程并不考虑元素的class属性。相比之下，first-child选择器则是针对父元素的第一个子元素，无论其类型如何。它会首先找到父元素，然后检查是否有一个元素带有first-child属性，如果是，则应用相应的样式。所以，这两个选择器的区别在于，first-of-type关注元素类型，而first-child关注子元素的顺序。
下面就说说first-child与first-of-type的区别：first-child：父元素的第一个子元素且必须符合指定类型 f...
上不去的话百度第一条就有中文解释：first-child first-of-type_百度搜索 。为什么不先自己搜索一下呢...