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;
    }
  }
相关推荐
dsyyyyy11013 分钟前
Typescript装饰器
前端·javascript·typescript
一拳不是超人1 小时前
一个没测暗色模式的 Bug,吃掉了我一半 谷歌扩展用户
前端·javascript·程序员
liangshanbo12152 小时前
React useState 函数式更新面试题整理
前端·react.js·前端框架
涛涛ing2 小时前
为什么你的页面在 Safari 上总出问题?Interop 2027 正在解决这个 20 年老毛病
前端
不一样的少年_2 小时前
WebP 压缩到底在干嘛?小白也能看懂的原理拆解
前端·后端·图片资源
问心无愧05132 小时前
ctf show web 177
前端·笔记
不一样的少年_2 小时前
PNG/JPG 如何变成 WebP?真相不是改后缀!
前端·后端·图片资源
杉氧2 小时前
RN 性能调优指南:重渲染(Re-renders)控制与长列表(FlatList)优化
android·前端·react native
一_个前端2 小时前
[JS] 一站式搞定 PDF、图片、Dom弹窗、表格的浏览器打印功能
前端
JavaGuide2 小时前
阿里 Qoder 又开源了一个专门给 Claude Code、Codex 做“体检”的项目
前端·后端