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;
    }
  }
相关推荐
千寻girling4 分钟前
计算机组成原理-全通关源码-实验(通关版)---头歌平台
前端·面试·职场和发展·typescript·node.js
karshey12 分钟前
【前端】解决:点击一个button,发现不触发点击事件
前端
用泥种荷花13 分钟前
【前端学习AI】Function Calling
前端
2301_7965125219 分钟前
ModelEngin平台开发工作流,“前端职业导航师”通过直观的图形化界面,让用户像“搭积木”一样,轻松串联各种智能节点
前端·modelengine
Aotman_27 分钟前
JavaScript MutationObserver用法( 监听DOM变化 )
开发语言·前端·javascript·vue.js·前端框架·es6
酷柚易汛41 分钟前
酷柚易汛ERP 2025-12-26系统升级日志
java·前端·数据库·php
Onlyᝰ43 分钟前
前端调用接口进行上传文件
前端
90后的晨仔44 分钟前
2025,我的“AI搭子”:那个我以为用不上的AI,成了我每天都离不开的搭档!!
前端
hashiqimiya1 小时前
JavaScript的object的使用和监控打印日志
前端·javascript·vue.js
颜酱1 小时前
从0到1实现通用微任务调度器:理解前端异步调度核心
前端