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;
    }
  }
相关推荐
CoderYanger13 小时前
Java EE 进阶:4.Spring Web MVC 入门(第一弹)
java·开发语言·前端·spring·面试·java-ee·mvc
用户27886072856713 小时前
fallback 会盖掉平台提示词:system、空数组和 systemAppend 的差别
前端·后端
peach13 小时前
大模型和传统编程:同为程序,差异不在硬件,在"逻辑从哪来"
前端
ALONE阿龙太原微码13 小时前
微信小程序包体积优化:2MB 到 400KB 的实操记录
前端
掘金挖土13 小时前
前端手摸手跑路之 AI 应用开发(十一)
前端·后端
创了么OPC13 小时前
小程序能收款了,对公户还没开?独立开发者的交付闭环踩坑②
前端·微信小程序
IT_陈寒13 小时前
Vue动态组件缓存的坑你踩过了吗?
前端·人工智能·后端
szp200513 小时前
Cache API 会丢掉 URL 里的 #:我的 9 个模型分块一直写在同一条缓存上
javascript·浏览器
寂寞狼牙冷13 小时前
封装fetch替换axios
前端
用户4611696572813 小时前
网站 HTTPS 不稳定?证书排查指南
前端