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;
    }
  }
相关推荐
咕噜咕噜啦啦19 小时前
Vue3响应式开发
前端·javascript·vue.js
huangql52020 小时前
布局单位与设计稿换算:从「看清」到「量准」
前端
牛奶21 小时前
你不知道的JS(下):深入编程
前端·javascript·电子书
牛奶21 小时前
你不知道的JS(下):深入JS(下)
前端·javascript·电子书
牛奶21 小时前
你不知道的JS(下):总结与未来
前端·javascript·电子书
牛奶21 小时前
你不知道的JS(下):深入JS(上)
前端·javascript·电子书
CappuccinoRose1 天前
HTML语法学习文档(五)
前端·html·html5·表单
硅基动力AI1 天前
如何判断一个关键词值不值得做?
java·前端·数据库
yq1982043011561 天前
使用Django构建视频解析网站 从Naver视频下载器看Web开发全流程
前端·django·音视频
李明卫杭州1 天前
在 JavaScript 中,生成器函数(Generator Function)
前端·javascript