CSS:javascript中的last-child选择器? CSS中的:last-child选择器是一种用于选择某个元素的最后一个子元素的样式规则。在JavaScript中,我们可以使用该选择器来获取最后一个子元素的引用或应用特定的操作。 :last-child选择器的语法是在目标元素的父元素上使用该选择器,例如: 代码语言:css 复制 .parent-element :la...
可以看到它的body里只写了两个div,第一个div设置了:first-child选择器后,成功让它向下和向右偏移了30px,但是使用:last-child选择器设置最后一个(因为这里只有两个div,所以也就是第二个)div的背景色的时候却没有效果,我也发现很奇怪,为啥没效果呢? 我开始想,难道是因为第一个元素选择器设置的背景色覆盖了:las...
:last-child 选择器用来匹配父元素中最后一个子元素。 提示:p:last-child 等同于 p:nth-last-child(1)。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 选择器 :last-child4.09.03.53.29.6 更多实例 实例 指定父元素 ul 中最后一个 li 元素,并设置背景颜色: ...
:last-child 选择器用来匹配父元素中最后一个子元素。 提示:p:last-child 等同于 p:nth-last-child(1)。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 选择器 :last-child4.09.03.53.29.6 更多实例 实例 指定父元素 ul 中最后一个 li 元素,并设置背景颜色: ...
div a:last-child{} /* 匹配第二个子元素,且为a标签 */ div a:nth-child(2){} /* 匹配倒数第二个子元素,且为a标签 */ div a:nth-last-child(2){} 二.通过结构伪类选择器,查找多个标签元素 html结构 导航1 导航2 导航3 导航4 导航5 ...
结构性伪类选择器—last-child “:last-child”选择器与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如,需要改变的是列表中的最后一个“li”的背景色,就可以使用这个选择器, ul>li:last-child{background:blue;} ...
这时,效果出来了,那么,可以总结了。:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。:last-of-type 结尾 总结了一番,对于什么场景下使用:last-child和:last-of-type又了相应的认识,以后犯错的可能性就会降低了很多。
就拿:last-child举例,文档中对其的解释是: 指定属于其父元素的最后一个子元素的 p 元素的背景色 什么意思呢?我详细说明一下: 假如是 div:last-child 那么该选择器最终选择的元素是 : 对所有div标签的父元素的其最后一个子元素div 设置样式,也就是说,其父元素的最后一个子元素必须是div 才能设置样式 ...
介绍一下常用的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【同理first-child】 :last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 last-of-type【同理first-of-type】 :last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后chil...