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;
    }
  }
相关推荐
dleei13 分钟前
彻底淘汰老旧 SVG 插件:unplugin-icons 与 Tailwind CSS v4 自定义图标最佳实践
前端·程序员·前端框架
LlNingyu29 分钟前
文艺复兴,什么是XSS,常见形式(二)
前端·安全·xss
汉堡大王952743 分钟前
# AI 终于能"干活"了——Function Calling 完全指南
javascript·人工智能·机器学习
明君8799744 分钟前
说说我为什么放弃使用 GetX,转而使用 flutter_bloc + GetIt
前端·flutter
Jingyou1 小时前
用 Astro 搭建个人博客:从零到上线的完整实践
前端
吴声子夜歌1 小时前
JavaScript——call()、apply()和bind()
开发语言·前端·javascript
小哈猪1 小时前
CSS Flex 与 Grid:谁才是布局之王?
javascript
高桥凉介发量惊人1 小时前
质量与交付篇(2/6):CI/CD 实战——自动构建、签名、分发
前端
leafyyuki1 小时前
SSE 同域长连接排队问题解析与前端最佳实践
前端·javascript·人工智能
高桥凉介发量惊人1 小时前
质量与交付篇(3/6):崩溃分析与线上问题回溯机制
前端