css - 对css中的所有元素进行盒子大小调整

Question

这段代码的含义是什么？请解释为什么这必须在我的代码中？

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

Answer 1

它确保所有元素以及在元素之前或之后插入的所有装饰器元素将：include padding and border in the element's total width and height.

这很有用，例如，如果您有需要测量元素大小的 javascript，并且您希望确保测量始终包括填充和边框宽度。