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;
    }
  }
相关推荐
search76 小时前
前端设计:CRG 3--CDC error
前端
治金的blog6 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大7 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
Lhuu(重开版7 小时前
JS:正则表达式和作用域
开发语言·javascript·正则表达式
荔枝一杯酸牛奶8 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll9 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im9 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜9 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
米奇妙妙wuu9 小时前
css实现文字和边框同样的渐变色效果
css·html·css3
摘星编程10 小时前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js