css如何选择元素的最后一个并设置样式

可以使用:last-child或者:last-of-type。场景：比如多个div只有最后一个没有下边框。

黎小小咩~

2048人浏览 · 2025-01-02 11:47:20

黎小小咩~ · 2025-01-02 11:47:20 发布

场景：比如多个div只有最后一个没有下边框

可以使用:last-child或者:last-of-type

区别：

CSS伪类 :last-child 表示其父元素的最后一个子元素。

CSS伪类:last-of-type其父元素下的最后一个指定类型的元素。

有时候设置最后一个用:last-child不生效，那么使用:last-of-type肯定就会生效了

 .items-wrap {
    width: 100%;
    background: linear-gradient(180deg, #e2eeff 0%, #ffffff 100%);
    border: 1px solid;
    &:last-of-type {
      border-bottom: none;
    }
  }

2048 AI社区

有“AI”的1024 = 2048，欢迎大家加入2048 AI社区

更多推荐

LLM 只会生成文本？用 ReAct 模式手搓一个简易 Claude Code Agent

2048 AI社区

Ruby数组与哈希：核心数据结构全解析

摘要：本文针对高功耗显卡（如RTX 4090、RX 7900XTX）的兼容性问题，系统分析电源不足、散热效率低、硬件冲突及驱动问题四大核心挑战，并提出具体解决方案。通过升级高功率电源（1.2倍总功耗需求）、优化风道设计（Q_air=A×v）、匹配PCIe版本及更新驱动等方法实现稳定运行。结合游戏PC升级与工作站案例，验证方案有效性，强调预防性检查与定期维护的重要性，为高功耗显卡用户提供实用技术指南