总结：“：first-child”是选择父元素下的第1个子元素（不区分元素类型），而“：first-of-type”是选择父元素下某个元素类型的第1个子元素（区分元素类型）。“：last-child”和“：last-of-type”
总结:element :first-child 和 element :first-of-type 前者只要在element下找第一子元素,后者只要找同种类型中的第一个元素。而无关乎element,这是和不加空格的区别。
:first:选择第一个出现符合的元素 :first-child:选择限制条件中的第一个元素,并且必须和冒号前面的标签一致 :first-of-type:选择所有限制条件下的第一个冒号前面的标签元素,此标签可以不是第一个 测试:first代码: 123Hello1Hello2Hello3Hello4Hello5Hello6$(function(){ $zzz=$("p:first").text(); alert...
在 Google 搜索「first-child first-of-type」，前两条都有解释。上不去的话百度第一条就有中文解释...
first-child 匹配的是某父元素的第一个子元素，可以说是结构上的第一个子元素。:first-of-type 匹配的是某父元素下相同类型子元素中的第一个，比如 p:first-of-type，就是指所有类型为p的子元素中的第一个。这里不再限制是第一个子元素了，只要是该类型元素的第一个就行了。
:first-child:匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。 :first-of-type:匹配的是某父元素相同类型子元素中的第一个,比如span:first-of-type,就是所以类型为span的子元素中的第一个。这里不再限制是第一个子元素了,只要是该类型元素的第一个就行了。
:first-child选择器和:first-of-type选择器的区别 :first-child 选择器匹配其父元素中的第一个子元素。 :first-of-type* 选择器匹配元素其父级是特定类型的第一个子元素。 p:first-of-type是所以特定类型p的第一个子元素;只要是该类型元素的第一个就行了,不要求是是第一个子元素了 ** span:first-child...
:first-child和之间的区别:first-of-type是，:first-of-type它将匹配其元素类型的第一个元素，该元素...
:first-child和:first-of-type的区别: //选择一个 是所有兄弟元素里面第一个并且是li元素 $("li:first-child").css('border','2px solid red'); //所有li兄弟元素里面的第一个 $("li:first-of-type").css('border','2px solid pink'); 以下示例: 123 lorem loersda 456 lorem5 lorem5 ...
nth-last-child跟nth-child一样,一个正序,一个倒序,而only-child指的是仅仅含有某指定元素或者未指定但是只有一个子元素的。 ==2== 第二组,first-chlid和last-child,是nth-child(1)和nth-last-child(1)的简写 ,不赘述。 ==3== 第三组nth-of-type,nth-last-of-type,last-of-type,first-of-type,on...