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;
    }
  }
相关推荐
. . . . .1 小时前
ref、useRef 和 forwardRef
前端·javascript·react.js
energy_DT1 小时前
2026年海上钻井平台数字孪生平台:引领海洋能源数字化转型
前端
Eric_见嘉2 小时前
在职前端 Agent 配置分享
前端·后端·agent
柚子8162 小时前
break跳出语句块的神奇技巧
前端·javascript
ejinxian3 小时前
Rust GUI框架Azul与Electron、WebView2
前端·javascript·electron
IT_陈寒4 小时前
Vue的v-for里用index当key,我被自己坑惨了
前端·人工智能·后端
军军君014 小时前
数字孪生监控大屏实战模板:智能业务大数据监管平台
css·vue.js·elementui·typescript·前端框架·echarts·less
代码不加糖4 小时前
0基础搭建前后端分离项目:实现菜单与界面左右布局
java·前端·javascript·mysql·elementui·mybatis
zhensherlock5 小时前
Protocol Launcher 系列:Tally 快速计数器的深度集成
前端·javascript·typescript·node.js·自动化·github·js
AC赳赳老秦5 小时前
OpenClaw权限管理实操:团队共享Agent,设置操作权限,保障数据安全
服务器·开发语言·前端·javascript·excel·deepseek·openclaw