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;
    }
  }
相关推荐
用户83134859306986 小时前
Vue3 v-bind 使用指南,从基础到高阶
前端·javascript·vue.js
计算机魔术师6 小时前
Anthropic冲刺2万亿IPO:一年亏420亿,还要再砸5180亿算力
前端
GISer_Jing6 小时前
前端Agent架构师指南:从零搭建智能前端Agent
前端·ai·langchain
不停喝水6 小时前
【前端转全栈java速通课】 项目实战④-1 Spring Boot 创建项目-定义接口-请求参数处理-分层规范-依赖注入
java·前端·spring boot
用户298698530146 小时前
在 React 中使用 JavaScript 将 HTML 转换为 PDF
javascript·react.js·html
OpsEye7 小时前
企业如何统一管理多家大模型 API?
javascript·ai编程
涛涛ing7 小时前
当AI能写原生代码:Shopify用12周把React Native应用迁回了Swift和Kotlin
前端
JudithHuang7 小时前
React 数据请求:TanStack Query
前端·react.js·前端框架
程序员-Benothing7 小时前
Shell脚本入门教程:Shebang、变量、注释与执行方式
前端·chrome
java_nnnn7 小时前
JavaEE进阶-JavaScript初识
开发语言·前端·javascript·java-ee·ecmascript