如何用 :not() 排除列表最后一项边框
使用 :not(:last-child) 选择器可以精准选中除最后一个元素外的所有列表项，从而为它们添加边框。只需在样式中定义 li:not(:last-child) { border-bottom: 1px solid #ccc; }，即可实现除最后一项外每项底部都有分隔线的效果。
如何确保 :not() 兼容性与具体应用
:not() 伪类在现代浏览器中支持良好，但在 IE8 及以下版本不可用。对于需要兼容旧浏览器的场景，可以考虑使用 :first-child 配合 border-top 的替代方案，或者使用 JavaScript 动态添加类名。在实际开发中，结合 display: flex 和 gap 属性可以更优雅地处理间距问题，但 :not() 依然是处理边框隔离的经典方法。
基于 :not(:last-child) 的具体行为验证
当列表项数量变化时，:not(:last-child) 会自动调整选中的范围。例如，当列表只有一项时，该选择器不会匹配任何元素，因此该项不会有边框。这种行为是动态的，依赖于 DOM 结构的变化，无需手动更新样式或类名。
立即学习“前端免费学习笔记（深入）”；
