all: initial 对表格单元格无效，因其不重置 display 计算值及表格盒模型隐含规则，border-collapse、vertical-align 等属性重置后仍受表格布局逻辑约束，需分层显式归零关键样式。
为什么 all: initial 对表格单元格无效
直接给 <td> 或 <th> 设置 all: initial，你会发现边框、内边距、对齐方式等看起来“没清干净”——这不是你操作错了，而是 CSS 表格渲染模型的特殊性决定的。表格元素（table、tr、td 等）的许多样式表现不单由自身 CSS 属性控制，还受 display 类型隐含的布局规则约束。例如：td 的 vertical-align 默认是 middle，但即使设为 initial，它仍会按表格盒模型逻辑参与对齐，不会退化成块级元素行为。
all: initial 在 <table> 上的实际效果
给 <table> 元素设置 all: initial 会重置其所有可继承/非继承属性，包括 border-collapse、border-spacing、text-align、font 等，但关键点在于：display: table 本身不会被重置（因为 all: initial 不重置 display 的计算值，只重置声明值；而浏览器默认样式表中 table 的 display 是显式设为 table 的，所以 initial 不会把它变成 block）。这意味着：
-
border-collapse: initial→ 等价于border-collapse: separate（不是collapse） -
border-spacing: initial→ 变成2px（Chrome/Firefox 默认值），不再是 0 -
text-align: initial→ 变成left（不是浏览器对td的默认left，而是 UA 样式表里table自身的text-align，不影响单元格） -
font相关属性全退回initial，可能丢失继承的字体大小/行高
真正可控的清除路径：分层覆盖 + 显式归零
想获得“干净”的表格视觉起点，比依赖 all: initial 更可靠的是分层显式重置。重点不是“全部初始化”，而是“只动影响渲染的关键项”：
- 对
<table>：强制border-collapse: collapse、border-spacing: 0、font-size: 100% - 对
<td>和<th>：显式设padding: 0、margin: 0、text-align: left、vertical-align: top（注意：vertical-align: initial在td上实际是baseline，容易导致错位） - 避免用
all: initial在<tr>上——它的display: table-row没有 padding/margin 效果，重置反而可能干扰高度计算 - 如果需彻底脱离表格布局逻辑，直接改
display: grid或display: flex，但这就不再是“清除默认干预”，而是放弃表格语义了
兼容性与不可见副作用
all: initial 在 IE 完全不支持，在 Safari 9.1+、Chrome 37+、Firefox 27+ 可用，但表格场景下最常踩的坑是：
立即学习“前端免费学习笔记（深入）”；
-
border-collapse: initial导致相邻单元格边框分离，出现双线间隙（尤其当单元格自己有border时） -
font: initial清除后，若父容器没设字体，td可能回退到系统默认等宽字体（如 macOS 的Menlo），而非页面主字体 -
line-height: initial是normal，但在表格单元格中，normal的计算方式与块元素不同，可能导致行高意外压缩 - 部分旧版 Chrome 对
all: initial在table-layout: fixed表格中存在渲染延迟，首帧闪动
表格的“默认干预”本质是浏览器为可访问性和向后兼容做的妥协，强行用 all: initial 切掉一层，底下还有渲染引擎的隐式规则在起作用。真要清得干净，得知道哪几条规则在暗处拽着它。
