浏览器的 Dev Tool 可以观察到继承的现象。

你的页面有一个 Footer，里面有个 Terms of use 链接。你希望这个链接的颜色更低调一点，区分于主页面中的链接。那你可以这样做：

initial 关键字可以将属性的值变回 user-agent stylesheet 中的默认值，一般即浏览器的默认值。

比如你给 .footer a 置一个 color: initial，那么它的颜色会变成浏览器默认的黑色。

即是说，直接应用到元素本身的（即非继承下来的）属性会失效。视有无继承下来的属性而有不同的行为。

很少见到使用，不去做研究。需要时看 MDN。