css如何选择元素的最后一个并设置样式

场景:比如多个div只有最后一个没有下边框

可以使用:last-child或者:last-of-type

区别:

CSS伪类 :last-child 表示其父元素的最后一个子元素。

CSS伪类:last-of-type其父元素下的最后一个指定类型的元素。

有时候设置最后一个用:last-child不生效,那么使用:last-of-type肯定就会生效了

css 复制代码
 .items-wrap {
    width: 100%;
    background: linear-gradient(180deg, #e2eeff 0%, #ffffff 100%);
    border: 1px solid;
    &:last-of-type {
      border-bottom: none;
    }
  }
相关推荐
gyx_这个杀手不太冷静14 小时前
高级前端开发职业规划(2026—2035)
前端·面试·agent
程序员黑豆14 小时前
Java中的null与NullPointerException完全指南:安全处理、实战排查与面试题
java·前端·ai编程
编程快车14 小时前
用 Phaser 4 造一个空间解谜游戏:纯函数棋盘引擎、透明画布分层与轻量双语
前端·程序员
可视之道14 小时前
前端图形编辑器的多选框架:从单选到框选到 Shift 连选
前端
3秒一个大14 小时前
JS 数组去重全方案:从基础到通用万能去重函数
前端·javascript
可视之道14 小时前
CSS Container Queries 在组态大屏中的实战
css
晴天1614 小时前
Electron面试题-Day19
java·javascript·electron
阿黎梨梨14 小时前
读懂一个 Next.js 全栈笔记应用
前端
古茗前端团队15 小时前
代码越改越乱?来试试前端领域模型驱动设计(DDD)
前端·agent·ai编程
Hilaku15 小时前
为什么跳槽涨薪 30% 的时代彻底结束了?聊聊 2026 前端薪资的天花板
前端·javascript·程序员