all: unset 并非一键清空样式，而是对可继承属性设为inherit、不可继承属性设为initial；它不触碰浏览器UA默认样式（如button边框、input焦点环），且会导致display变inline、border/outline变none等功能性退化；真正还原原生状态应使用all: revert。
all: unset 并不能“快速重置所有属性”，它只是按 CSS 规范对每个属性做两件事：可继承属性设为 inherit，不可继承属性设为 initial。浏览器 UA 默认样式（比如 button 的边框、input 的 focus ring）根本不会被它触碰。
为什么加了 all: unset 后按钮看起来“消失了”
这不是清空失败，而是按规则执行后的必然结果：
-
border是不可继承属性 → 被设为initial（即none），按钮边框消失 -
outline同样不可继承 → 变成0，键盘聚焦轮廓彻底不可见 -
cursor不可继承 → 回到auto，悬停时不再显示手型光标 -
display不可继承 → 变initial（inline），div类容器可能塌缩 -
color和font-family可继承 → 实际颜色取决于父级，可能极淡甚至透明
all: unset 对盒模型属性基本无效
它不重置 margin、padding、border、box-sizing 等盒模型相关属性的 UA 默认值，因为这些值既不是继承来的，也不等于 initial：
-
body的margin: 8px来自 Chrome UA 样式表，all: unset完全无视 -
button的默认border是 UA 写死的，all: unset只是把它覆盖成none，不是“清除” -
box-sizing初始值是content-box，all: unset会把它打回这个危险值，导致宽高计算错乱
真正能还原原生可用状态的是 all: revert
all: revert 才会主动查找并应用 UA 样式表中对该元素定义的原始值：
立即学习“前端免费学习笔记（深入）”；
- 给
button加all: revert，它会重新获得默认边框、手型光标、焦点 outline - 给
input加all: revert，padding、border-radius、focus ring 全部回归 - 注意兼容性：
all: revert在 Android WebView ≤10 中仍不支持，Chrome 93+/Firefox 95+/Safari 14.1+ 稳定可用
想安全重置第三方组件？别依赖 all: unset
它只适合极轻量、纯展示、无交互语义的子元素隔离场景，比如：
- 图标组件内部清除文字继承：
button .icon { all: unset; }，再单独设width、height、background - 用
:where()做现代 Reset 时当起点，但必须紧跟display: revert或显式display: block - 绝对不要直接套在
input、select、a等原生控件上——可访问性会直接失效
最常被忽略的坑是：误以为 all: unset 能帮你做判断。它不区分“该保留 UA 行为”还是“该回归规范初始值”，只机械执行规则。漏掉 border、写错 box-sizing、或忘了补 outline，问题就藏在那儿等你上线后才发现。
