“:last-child”选择器与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如,需要改变的是列表中的最后一个“li”的背景色,就可以使用这个选择器, ul>li:last-child{background:blue;} 示例演示 在博客的排版中,每个段落都有15px的margin-bottom,假设不想让博...
“:last-child”选择器与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如,需要改变的是列表中的最后一个“li”的背景色,就可以使用这个选择器,ul>li:last-child{background:blue;}示例演示在博客的排版中,每个段落都有15px的margin-bottom,假设不想让博客“...
:last-child 选择器用来匹配父元素中最后一个子元素。 提示:p:last-child 等同于 p:nth-last-child(1)。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 选择器 :last-child4.09.03.53.29.6 更多实例 实例 指定父元素 ul 中最后一个 li 元素,并设置背景颜色: ...
结构性伪类选择器—last-child 与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。 例如,需要改变的是列表中的最后一个“li”的背景色,就可以使用这个选择器, ul>li:last-child{background:blue;} 在博客的排版中,每个段落都有15px的margin-bottom,假设不想让博...
1.first-child:选择其父元素的首个子元素的每个element元素 2.last-child:选择其父元素的最后一个子元素的每个element元素 3.nth-child():匹配属于其父元素的第N个子元素,不论元素的类型 3.1也可以使用n表达式运算,取值从0开始,只能是n不能是其他字母,比如所有奇数:2n+1 ...
:last-child选取最后一个标签 代码语言:javascript 复制 .talklee li:last-child{background:#ddd} :nth-last-child(3)选取倒数第几个标签,3表示选取第3个 代码语言:javascript 复制 .talklee li:nth-last-child(3){background:#ddd} :nth-child的这些用法在实际中很用得着,不用单独给需要选取的标签加上ID...
介绍一下常用的css3结构伪类选择器,nth-child、nth-last-child 、 nth-of-type、nth-last-of-type、 first-child 、last-child 、first-of-type 、last-of-type、only-child以及only-of-type。结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。接下来开始进入正题。
:last-child 选择器用来匹配父元素中最后一个子元素。提示: p:last-child 等同于 p:nth-last-child(1)。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。选择器 :last-child 4.0 9.0 3.5 3.2 9.6更多实例实例 指定父元素 ul 中最后一个 li 元素,并设置背景颜色: li:last-child{ background-...
1 代码应用实例。我们把最后一个子元素的颜色变了！p:last-child{ background:red; } 2 这个:last-child 代码的浏览器适应性非常好。3 一个完整的style 流程，第二个第二个段落。颜色就变成红色了！p:last-child{background:red;}这是标题第一个段落。第二个段落。 4 CSS3 :root 选择器，这个代码就是...
1. first-child(IE7兼容)、last-child(IE8不兼容) 2.nth-child、nth-last-child (IE8不兼容) 3. 对奇数、偶数使用样式 4. nth-of-type(IE8不兼容):只针对同类型的元素进行计算 5. 循环使用样式 li:nth-child(4n+1) 1. first-child(IE7兼容)、last-child(IE8不兼容) ...