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;
    }
  }
相关推荐
x_chengqq1 小时前
前端批量下载文件
前端
捕鲸叉3 小时前
QT自定义工具条渐变背景颜色一例
开发语言·前端·c++·qt
傻小胖3 小时前
路由组件与一般组件的区别
前端·vue.js·react.js
Elena_Lucky_baby4 小时前
在Vue3项目中使用svg-sprite-loader
开发语言·前端·javascript
重生之搬砖忍者4 小时前
uniapp使用canvas生成订单小票图片
前端·javascript·canva可画
万水千山走遍TML4 小时前
console.log封装
前端·javascript·typescript·node·log·console·打印封装
赵大仁4 小时前
uni-app 多平台分享实现指南
javascript·微信小程序·uni-app
阿雄不会写代码4 小时前
使用java springboot 使用 Redis 作为消息队列
前端·bootstrap·html
m0_748236585 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
@C宝5 小时前
【前端面试题】前端中的两个外边距bug以及什么是BFC
前端·bug