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;
    }
  }
相关推荐
SWAGGY..12 分钟前
【C++初阶】:(15)模板进阶--从非类型参数到模板特化与分离编译
java·服务器·前端
YHHLAI12 分钟前
从「跑分」到「干活」:Benchmark 与 GPT 5.6 的两种叙事
大数据·前端·人工智能·react.js·前端框架
BigTopOne16 分钟前
ArLiveLite 用到的 C++/JNI 技术点
前端
BigTopOne17 分钟前
ArLiveLite 技术架构-Lite
前端
BigTopOne22 分钟前
ArLiveLite-具体功能
前端
BigTopOne25 分钟前
ArLiveLite -具体功能
前端
Sherotree27 分钟前
理解 JWT:三段分别是什么
前端·ai·开源
BigTopOne27 分钟前
ArLiveLite 用到的 FFmpeg API
前端
小弥儿30 分钟前
GPT Image 2 提示词库,把散落的生图提示词变成工程资产
开发语言·javascript·gpt·学习
前端技术官32 分钟前
一行 CSS 新特性干掉 20 行 JavaScript ?
css·滚动驱动动画·容器查询·:has()·anchor positioning