Размер всех элементов в CSS

Question

В чем смысл этого кода? Пожалуйста, объясните, почему это должно быть в моих кодах?

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

Answer 1

Это гарантирует, что все элементы плюс все элементы декоратора, вставленные до или после элементов, будут: include padding and border in the element's total width and height,

Это полезно, например, если у вас есть javascript, который должен измерять размер элемента, и вы хотите убедиться, что измерение всегда будет включать отступы и ширину границ.