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

Question

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

继承的例子

html {
  box-sizing: border-box;
}

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

---

具有直接价值的例子

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