一、CSS样式中&和:last-child作用 1、同级样式中,不同类名公用相同或不同样式简洁写法: & 符号作用,在嵌套层次中回溯一层,既实现效果: .icon-zfgs .icon-zfjd ... 2、:last-child作用:指定父元素中最后一个元素的样式,效果如图: 既简洁修改最后一个div的margin-right。 二、CSS样式中>、+、nth-child、...
1.first-child 选择列表中的第一个标签 li:first-child{color:red} 2. last-child 选择列表中的最后一个标签 li:last-child{color:pink} 3.nth-child(n) 这里的n为数字,表示选择列表中的第n个标签 例如选择第三个标签 li:nth-child(3){color:pink} 4.nth-child(2n) 选择列表中的偶数,选中 2、4、6...
: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代表在一群兄弟元素中的最后...
而如果把:first-child改成:first-of-type选择器,即使div的兄弟元素中第一个元素为p元素,也会选择到第一个div元素: :last-child & :last-of-type :last-child在刚开始的例子中讲过,这里略,只讲一下:last-of-type选择器:选取在一组兄弟元素中指定元素的最后一个。 例如: 和刚开始的例子一样,使用:last-o...
:first-child 单独使用这个选择器不带任何前缀,选择的是作为 “某个元素” 的 “第一个子元素” 的元素 ,某个元素是文档里的任意元素(即所有元素),第一个子元素可以是任意的元素,要想明白这个子元素,很好的一个方式是使用jquery,在浏览器控制台使用 $(":last-child") 查看选择出来的元素就可以一目了然。
CSS3:last-child选择器 完整CSS选择器参考手册 实例 指定父元素中最后一个p元素的背景色: p:last-child{background:#ff0000;} 尝试一下 » 定义和用法 :last-child 选择器用来匹配父元素中最后一个子元素。 提示:p:last-child 等同于 p:nth-last-child(1)。
当时实际使用中还是需要 div 前后的元素，此时把 first-child 和 last-child 分别改成 first-of-type 和 last-of-type 即可，样式都正常生效。first-child ：指的是父元素的第一个元素，在上面的例子中，要实现样式的话需要保证 class 为 userinfo-item 的 div 元素没有兄弟元素，或者在创建一个...
这是css3选择器，意思是选择同级的第一个、最后一个，类似的还有"nth-child"。使用这些选择器可以轻松替代原来需要js实现的样式设置，给指定的html元素设置样式。
CSS3:last-child选择器 完整CSS选择器参考手册 实例 指定父元素中最后一个p元素的背景色: p:last-child{background:#ff0000;} 尝试一下 » 定义和用法 :last-child 选择器用来匹配父元素中最后一个子元素。 提示:p:last-child 等同于 p:nth-last-child(1)。
last-child 先定义最后一个，再找元素，如果说最后一个和所要找元素对不上就没有效果，对的上就有...