如何用 CSS 选择特定 class 的孙子元素并排除最后一个

为了选择一个 class 为 "parent" 的 div 中,所有拥有 class 为 "interline" 的 p 元素,但排除最后一个,我们可以使用以下 CSS 代码:

`

.parent > div:not(:last-child) .interline {
color: red;
}
登录后复制 `

解释:

立即学习“前端免费学习笔记(深入)”;

  • .parent 选择所有 class 为 "parent" 的 div。
  • > 子选择器选择 "parent" div 中的直接子元素。
  • :not(:last-child) 伪类选择器不选择最后一个子元素。
  • .interline 选择 class 为 "interline" 的 p 元素。
  • color: red; 设置选中文本的颜色为红色。

以上就是CSS 如何选择特定 class 的孙子元素,同时排除最后一个?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部