css中继承和直接值有什么区别

Question

对于给定的示例，使用继承而不是直接值有什么区别或好处。

带有继承

的示例

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

---

具有直接值

的示例

*,
*::before,
*::after {
  box-sizing: border-box;
}