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;
    }
  }
相关推荐
小和尚敲木头28 分钟前
krpano 字符串拼接,传参。
java·linux·前端
程序猿小D29 分钟前
第11节 Node.js 模块系统
服务器·前端·node.js·编辑器·vim
Data_Adventure1 小时前
SVG动画详解:animate与animateTransform
前端·svg
小疯仔1 小时前
使用el-input数字校验,输入汉字之后校验取消不掉
android·开发语言·javascript
wangbing11251 小时前
开发指南120-表格(el-table)斑马纹
javascript·vue.js·elementui
Joe5561 小时前
antDesignVue中a-upload上传组件的使用
前端·javascript
WKK_1 小时前
el-select 实现分页加载,切换也数滚回到顶部,自定义高度
前端·javascript·vue.js·elementui
保持学习ing1 小时前
帝可得 - 策略管理
java·javascript·vue.js·elementui·若依框架
一口一个橘子1 小时前
[ctfshow web入门] web78
前端·web安全·网络安全
咔咔库奇1 小时前
开发者体验提升:打造高效愉悦的开发环境
前端·javascript·vue.js·react.js·前端框架