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;
    }
  }
相关推荐
ohyeah1 分钟前
深入理解 React Hooks:useState 与 useEffect 的核心原理与最佳实践
前端·react.js
Cache技术分享2 分钟前
275. Java Stream API - flatMap 操作:展开一对多的关系,拉平你的流!
前端·后端
apollo_qwe26 分钟前
前端缓存深度解析:从基础到进阶的实现方式与实践指南
前端
周星星日记34 分钟前
vue中hash模式和history模式的区别
前端·面试
Light6034 分钟前
Vue 高阶优化术:v-bind 与 v-on 的实战妙用与思维跃迁
前端·低代码·vue3·v-bind·组件封装·v-on·ai辅助开发
周星星日记34 分钟前
5.为什么vue中使用query可以保留参数
前端·vue.js
lebornjose35 分钟前
javascript - webgl中绑定(bind)缓冲区的逻辑是什么?
前端·webgl
瘦的可以下饭了39 分钟前
Day05- CSS 标准流、浮动、Flex布局
前端
前端无涯41 分钟前
React中setState后获取更新后值的完整解决方案
前端·react.js
西愚wo41 分钟前
前端开发者必备:在浏览器控制台批量提取HTML表单字段名(Label)
前端