在以上八个伪类选择器中,:first-child:last-child:nth-child(n):nth-last-child(n)在选择元素时,是按照其所有类型的兄弟元素开始计数,而:first-of-type:last-of-type:nth-of-type(n)nth-last-of-type(n),是按照其兄弟元素中,忽略除该元素以外的所有其他元素后开始计数的。 还没搞懂也没关系,你只需要记...
last-child【同理first-child】 :last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 last-of-type【同理first-of-type】 :last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后chil...
last-child 先定义最后一个，再找元素，如果说最后一个和所要找元素对不上就没有效果，对的上就有...
CSS伪类:last-of-type代表在一群兄弟元素中的最后一个指定类型的元素。 直接用上面两个栗子。 没有干扰元素,OK。 有干扰元素,OK。 :last-of-type表示其父元素下的最后一个指定类型的元素。 结尾 总结了一番,对于什么场景下使用:last-child和:last-of-type又了相应的认识,以后犯错的可能性就会降低了很多。
CSS伪类:last-of-type代表在一群兄弟元素中的最后一个指定类型的元素。 直接用上面两个栗子。 没有干扰元素,OK。 有干扰元素,OK。 :last-of-type表示其父元素下的最后一个指定类型的元素。 结尾 总结了一番,对于什么场景下使用:last-child和:last-of-type又了相应的认识,以后犯错的可能性就会降低了很多。
:last-child :last-of-type 总结 参考文章 “最后一个”伪类选择器 :last-child 语法 element:last-child { style properties } 解释 :last-child代表在它父元素中的最后一个子元素。 正例 代码 <!-- CSS --> .list { width: 300px; padding-...
这时,效果出来了,那么,可以总结了。:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。:last-of-type 结尾 总结了一番,对于什么场景下使用:last-child和:last-of-type又了相应的认识,以后犯错的可能性就会降低了很多。
:last-of-type和:last-child 这与:first-of-type和:first-child用法完全一致,表示最后一个,这里不做多讲解 有一点注意的是,:first-child是CSS2的范畴,意味着在IE8也能使用,而last-child是CSS3的规范,在同时都能满足需求时,如果需要更好的兼容性,建议使用:first-child。
last-of-type就是指最后一个指定标签的最后一个 The first paragraph.The second paragraph.The third paragraph.The fourth paragraph.hahahhaah.last:last-of-type { background:#ff0000; } 因为没有指定是p还是div所以是两个都选中了,但是如果是last-child的话,只能是最后一个div被加上类,如果写p.last...
（CSS）：last-child与：last-of-type区别 （CSS）：last-child与：last-of-type区别 对⽐了⼀下W3CSchool 中针对伪类选择器 :last-child 以及 :last-of-type的描述，如下：:last-child p:last-child 选择属于其⽗元素最后⼀个⼦元素每个 元素。:last-of-type p:last-of-type 选择属...