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;
    }
  }
相关推荐
青衫码上行几秒前
【JavaWeb学习 | 第17篇】JSP内置对象
java·开发语言·前端·学习·jsp
国服第二切图仔5 分钟前
Electron for 鸿蒙PC项目实战之tooltip-component组件
javascript·electron·鸿蒙pc
qq_570398576 分钟前
流式接口数据解析
前端·javascript·vue.js
柒儿吖7 分钟前
Electron for 鸿蒙PC - 番茄工作法计时器应用完整适配实践
javascript·electron·harmonyos
坐吃山猪8 分钟前
Electron入门示例
前端·javascript·electron
那些免费的砖13 分钟前
Isle-Editor (岛屿编辑器) - 免费开源 Web 富文本编辑器,也支持 Notion 块编辑、MarkDown 语法,官方支持 Vue3 开箱即用
前端·编辑器·notion
꒰ঌ小武໒꒱14 分钟前
Trae CN IDE 使用教程
前端·python·编辑器
灵魂学者14 分钟前
Vue3.x —— router 路由配置
服务器·前端·vue.js·路由
by__csdn17 分钟前
Ajax与Axios终极对比指南全方位对比解析
前端·javascript·ajax·okhttp·typescript·vue·restful
开发者小天17 分钟前
React中的 css in js的使用示例
javascript·css·react.js