all属性非万能，误用会破坏可访问性与兼容性；应优先精准控制属性，慎用all，避免全局应用，推荐revert而非unset或inherit。
all 属性不是“一键重置所有样式”的安全开关，它是一把双刃剑：用对了能简化组件封装，用错了会直接破坏表单可用性、键盘导航和中文字体渲染。
什么时候该用 all，而不是写一堆 margin: 0; padding: 0; …
只在你明确需要「切断当前元素与浏览器默认样式（UA stylesheet）及父级样式的全部关联」时才考虑 all。典型场景是封装一个完全自定义的 UI 组件根节点，比如 .icon-button 或 .badge，且你已准备好手动补全关键属性。
-
all: unset最常用：清除继承值 + UA 默认值，但会丢掉display、border等非继承属性 → 必须手动设display: inline-block等 -
all: revert更安全：优先恢复 UA 样式（如原生button的尺寸、焦点轮廓、光标），仅当 UA 未定义时才继承父级 → 推荐用于需“回归原生表现”的局部修复 -
all: initial风险高：强制所有属性回退到 CSS 规范定义的初始值，例如font-family变成serif，中文显示异常；direction变为ltr，破坏 RTL 布局 - 永远不要对
body、html或通配符*使用all—— 它会让滚动条消失、焦点轮廓不可见、textarea内边距归零导致文字贴边
all: inherit 根本不等于“继承父元素所有视觉效果”
这个写法常被误解。它实际只是把 all 这个简写属性本身设为 inherit，再由 all: inherit 触发每个子属性去继承 —— 但很多属性根本不支持继承（margin、display、width），结果就是大量声明无效。
- 真正想让子内容（如按钮里的文字）保持父容器的字体/颜色/行高？直接写
color: inherit; font-size: inherit; line-height: inherit; - 需要恢复某个属性的 UA 行为？用
cursor: revert比cursor: inherit更可靠，避免从父容器继承出奇怪的光标 -
all: inherit在fieldset或legend上可能意外覆盖语义化默认尺寸，导致可访问性工具读取错乱
浏览器兼容性差，且不能替代 Normalize.css
all 在 Safari 和旧版 Edge（包括 IE）中完全不支持；Chrome / Firefox 虽支持，但各版本对 revert 的实现仍有差异（例如某些 UA 样式在 Firefox 中 revert 不生效）。
- 项目基础样式统一，请用
normalize.css：CDN 地址是https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css，必须放在你自己的 CSS 文件之前加载 - 要“局部归零”？优先用精简选择器，比如
button, input, select, textarea { all: unset; display: inline-block; }，而不是* { all: unset; } - 调试时发现
all生效但元素“不见了”？大概率是display被清成initial（即inline）或unset（即无定义），立刻补上display值
最易被忽略的一点：all 会影响 outline、caret-color、text-rendering 这类与可访问性强相关的属性，而这些在开发者工具的 Styles 面板里往往不显眼。一旦用了 all，务必用键盘 Tab 测试焦点是否可见、用屏幕阅读器验证语义是否完整。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
