:last-child 1 关于:last-child手册中是这么解释的：The :last-child CSS pseudo-class represents the last element among a group of sibling elements.CSS伪类 :last-child 代表在一群兄弟元素中的最后一个元素。举个栗子：2 从代码和图可以看出:last-child选择了最后一个li标签。同时，我们换另外一段代码，...
:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements. CSS伪类:last-of-type代表在一群兄弟元素中的最后...
li:nth-child(n+4){color:pink} 7. 选择从第一个到第四个 这里的数字4也是可以根据你的需要替换的。 li:nth-child(-n+4){color:pink} 8.nth-last-child(3) 表示最后三个标签 li:nth-last-child(3){color:pink} 9.nth-last-child(3n) 表示3的倍数3.6.9…… li:nth-last-child(3n){color:pin...
:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 注意::last-child这里父元素的子元素一定是css指定元素才生效 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling...
The CSS :last-child pseudo-class selects the element if it is the last child among the other elements. The :last-of-type selector can be used if the user wants to select and apply the style on the last paragraph whether or not it is the last child. Originally the selected element ...
:last-child代码运行图 这时,效果出来了,那么,可以总结了。 :last-child表示其父元素的最后一个子元素,且这个元素是CSS指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The:last-of-typeCSS pseudo-class represents the last element of its type among a group of sibling el...
:first-child 单独使用这个选择器不带任何前缀,选择的是作为 “某个元素” 的 “第一个子元素” 的元素 ,某个元素是文档里的任意元素(即所有元素),第一个子元素可以是任意的元素,要想明白这个子元素,很好的一个方式是使用jquery,在浏览器控制台使用 $(":last-child") 查看选择出来的元素就可以一目了然。
选择器 :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 分类导航 ...
:first-child & :first-of-type :first-child:选取在一组兄弟元素中的第一个元素。 :first-of-type:选取在一组兄弟元素中的第一个指定元素。 解释一下:比如p:first-child{},选择的就是p元素的兄弟元素的第一个元素,且这个元素必须是p元素才被选择;div:first-of-type就是选择div的兄弟元素中的第一个div...
first-child 和last-child是伪类选择器,选择第一个和选择最后一个子元素 现在实现下面的效果 1. .menuico span { display: block; width: 21px; height: 2px; background-color: #666; } .menuico span:first-child { margin-top: -6px; } .menuico span:last...