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;
    }
  }
相关推荐
码农胖大海4 分钟前
微前端架构(一):基础入门
前端
同聘云8 分钟前
阿里云国际站服务器gpu服务器与cpu服务器的区别,gpu服务器如何使用?
服务器·前端·阿里云·云计算
lionliu051911 分钟前
执行上下文 (Execution Context)
开发语言·前端·javascript
几何心凉13 分钟前
openFuyao多样化算力使能
前端
方安乐14 分钟前
vue3 el-select懒加载以及自定义指令
javascript·vue.js·elementui
文心快码BaiduComate30 分钟前
给 AI 装上“员工手册”:如何用Rules 给文心快码 (Comate) 赋能提效?
前端·程序员·前端框架
哆啦A梦158834 分钟前
商城后台管理系统 06 Mock.js模拟数据
开发语言·javascript·ecmascript
twl44 分钟前
注意力机制在Code Agent的应用
前端
涔溪1 小时前
如何使用 CSS Grid 实现响应式布局?
前端·css
黛色正浓1 小时前
leetCode-热题100-哈希合集(JavaScript)
javascript·leetcode·哈希算法