而如果把:first-child改成:first-of-type选择器,即使div的兄弟元素中第一个元素为p元素,也会选择到第一个div元素: :last-child & :last-of-type :last-child在刚开始的例子中讲过,这里略,只讲一下:last-of-type选择器:选取在一组兄弟元素中指定元素的最后一个。 例如: 和刚开始的例子一样,使用:last-o...
last-child 先定义最后一个，再找元素，如果说最后一个和所要找元素对不上就没有效果，对的上就有...
:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 last-of-type【同理first-of-type】 :last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后child,而last-of-type只要符合最后一...
:last-of-type和:last-child 这与:first-of-type 和 :first-child用法完全一致,表示最后一个,这里不做多讲解 有一点注意的是,:first-child是CSS2的范畴,意味着在IE8也能使用,而last-child是CSS3的规范,在同时都能满足需求时,如果需要更好的兼容性,建议使用:first-child。 一个很常见的场景,比如一个列表,...
:last-child---represents the last element among a group of sibling elements. CSS伪类 :last-child 代表在一群兄弟元素中的最后一个元素。 举个例子: 从代码和图可以看出:last-child选择了最后一个li标签。 同时,我们换另外一段代码,看看是否还有这样的效果。 从代码和图可以看出,:last-child并没有起到...
这时,效果出来了,那么,可以总结了。:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。:last-of-type 结尾 总结了一番,对于什么场景下使用:last-child和:last-of-type又了相应的认识,以后犯错的可能性就会降低了很多。
:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 last-of-type【同理first-of-type】 :last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后child,而last-of-type只要符合最后一...
:last-of-type 总结 参考文章 “最后一个”伪类选择器 :last-child 语法 element:last-child { style properties } 解释 :last-child代表在它父元素中的最后一个子元素。 正例 代码 <!-- CSS --> .list { width: 300px; padding-left: 30px; } .list...
（CSS）：last-child与：last-of-type区别 对⽐了⼀下W3CSchool 中针对伪类选择器 :last-child 以及 :last-of-type的描述，如下：:last-child p:last-child 选择属于其⽗元素最后⼀个⼦元素每个 元素。:last-of-type p:last-of-type 选择属于其⽗元素的最后 元素的每个 元素。说...
选择器 :last-child 4.0 9.0 3.5 3.2 9.6定义和用法 :last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。提示:p:last-child 等同于 p:nth-last-child(1)。CSS 语法 :last-child { css declarations; } :lang :last-of-type 分类导航 ...