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;
    }
  }
相关推荐
灯澜忆梦1 分钟前
【基于GO的Web开发14】gin请求重定向
前端·后端·golang·gin
qq_452396232 分钟前
第十一篇:《前端性能优化体系:从加载到交互的全链路》
前端·性能优化·交互
Mh5 分钟前
听说我兄弟喜欢跑车,所以必须安排上
前端·javascript·vue.js
zttbee6 分钟前
vue学习(白话功能版)
前端·vue.js·学习·前端框架
qq_426003967 分钟前
多语言新增语种全量测试策略
前端·javascript·python·pycharm·自动化
黄敬峰13 分钟前
从零搭建 Next.js 单词管理系统:Supabase + Drizzle ORM + shadcn/ui 全栈实战
javascript·面试
nicole bai15 分钟前
前端封装el-table及注意点
前端·javascript·vue.js
晨枫阳25 分钟前
Vue 前端构建工具链完全理解指南
前端·javascript·vue.js
言乐626 分钟前
Python关于老游复刻与创新2
前端·javascript·css·python·css3
ly768926 分钟前
前端测试完整指南:从单元测试、组件测试到端到端测试与 CI/CD
前端·ci/cd·单元测试