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;
    }
  }
相关推荐
用户350201588474812 小时前
基于react-routet v7 的配置式 + 约定式路由系统 第二步:一个简单的约定式路由系统
前端
攀登的牵牛花12 小时前
前端向架构突围系列 - 框架设计(七):反应式编程框架Flower的设计
前端·架构
佛系打工仔12 小时前
K线绘制前言
前端
遇见~未来13 小时前
JavaScript数组全解析:从本质到高级技巧
开发语言·前端·javascript
哈__13 小时前
基础入门 React Native 鸿蒙跨平台开发:TabBar 底部导航栏
javascript·react native·react.js
lili-felicity13 小时前
React Native 鸿蒙跨平台开发:Animated 实现鸿蒙端组件的左右滑动动画
javascript·react native·react.js
石像鬼₧魂石13 小时前
80 端口(Web 服务)渗透测试完整总结(含踩坑 + 绕过 + 实战流程)
linux·运维·服务器·前端·网络·阿里云
哈__13 小时前
React Native 鸿蒙跨平台开发:StatusBar 状态栏组件
javascript·react native·react.js
C_心欲无痕13 小时前
nginx - 核心概念
运维·前端·nginx
开开心心_Every13 小时前
安卓做菜APP:家常菜谱详细步骤无广简洁
服务器·前端·python·学习·edge·django·powerpoint