不同父元素的“last-of-type/last-child的CSS选择器?”
创始人
2025-01-09 01:30:33
0

在CSS中,我们可以使用:last-of-type:last-child选择器来选取不同父元素下的最后一个子元素。

:last-of-type选择器选取的是某一类型的元素在其父元素中的最后一个。例如,如果有多个div元素作为子元素,我们可以使用以下代码选取不同父元素下的最后一个div元素:

div:last-of-type {
  /* CSS属性 */
}

:last-child选择器选取的是某一类型的元素在其父元素中的最后一个子元素,而且这个子元素必须是它的父元素的最后一个子元素。同样,如果有多个div元素作为子元素,我们可以使用以下代码选取不同父元素下的最后一个div元素:

div:last-child {
  /* CSS属性 */
}

下面是一个示例,演示了如何使用:last-of-type选择器选取不同父元素下的最后一个div元素,并将其背景颜色设置为红色:

第一个 div
第二个 div
第三个 div
第一个 div
第二个 div
第三个 div
第四个 div

在上述示例中,第一个父元素的最后一个div元素和第二个父元素的最后一个div元素的背景颜色都会被设置为红色。

同样,你也可以使用:last-child选择器来实现相同的效果。只需将示例中的:last-of-type替换为:last-child即可。

相关内容

热门资讯

透视教学!aapoker破解侠... 透视教学!aapoker破解侠是真的吗(透视)aa poker透视软件,详细教程(有挂插件)aapo...
透视安卓版!aapoker怎么... 透视安卓版!aapoker怎么设置抽水(透视)aapoker怎么开辅助器,黑科技教程(有挂详情)进入...
透视规律!aapoker怎么选... 透视规律!aapoker怎么选牌(透视)aa poker透视软件,曝光教程(有挂攻略)进入游戏-大厅...
透视数据!aapoker透视插... 透视数据!aapoker透视插件(透视)aa poker透视软件,解密教程(有挂工具)1、aa po...
透视游戏!aapoker辅助插... 透视游戏!aapoker辅助插件工具(透视)aapoker公共底牌,玩家教你(有挂方法)1、许多玩家...
透视存在!aapoker怎么设... 透视存在!aapoker怎么设置抽水(透视)aapoker破解侠是真的吗,wpk教程(有挂介绍);进...
透视新版!aapoker破解侠... 透视新版!aapoker破解侠是真的吗(透视)aapoker能控制牌吗,扑克教程(有挂细节);进入游...
透视app!aa poker透... 透视app!aa poker透视软件(透视)aapoker怎么选牌,安装教程(有挂辅助);1、aa ...
透视讲解!aapoker真的假... 透视讲解!aapoker真的假的(透视)aapoker插件,揭秘攻略(有挂黑科技)1、aapoker...
透视透视!aapoker辅助插... 透视透视!aapoker辅助插件工具(透视)aapoker怎么开辅助器,AA德州教程(有挂技巧)1、...