font-size: initial 在 CSS 中的意思是：将字体大小重置为 CSS 规范定义的初始默认值（即 medium）。

绝大多数浏览器将 medium 的默认大小解析为 16px。

使用时有几个关键点需要注意，特别是它不继承父级字号：

• 与 inherit 的区别（最易踩坑）：initial 完全忽略父级的大小。假设父级是 24px，子元素设置 initial 后，大小会直接变成浏览器的默认 16px，而不是父级的 24px。而 inherit 会强制继承父级的 24px。

• 与 unset 的区别：font-size 属于可继承属性，所以 unset 的效果等同于 inherit（会继承父级）。因此，initial 和 unset 在此属性上表现完全相反。

• 与 revert 的区别：revert 回退到浏览器的用户代理样式（通常也是 16px），但 revert 在更复杂的层级中表现更符合“撤销”直觉，而 initial 是强制锁定在“规范初始值”上。

实际运用场景：
当你希望某个元素彻底摆脱父级不断嵌套的字体大小影响，强行恢复成浏览器默认的阅读大小（16px）时，可以使用它。例如：

/* 不管父级是多大，这个按钮都强制显示为默认的 16px */
.button-reset {
  font-size: initial;
}

特别提醒：在移动端或用户缩放过浏览器默认字体大小的情况下，initial 对应的实际物理像素可能会随之变化（例如用户设默认字体为 20px，initial 就会变成 20px），这有利于保持可访问性。如果你是想“撤销自己写的样式”但保留父级继承，请使用 inherit 或 unset，而不是 initial。