css - CSS::before,::after 的奇怪用法

Question

在 Sitepoint example 中看到这段 CSS (来自 this article )，无法理解它应该做什么。显然，第一个选择器将 box-sizing 样式应用于所有内容，但我不明白在这种情况下 ::before/::after 的用法。我知道这些用于在给定元素之前或之后添加内容，但它在这里有什么作用？

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

Answer 1

这将强制任何 ::before 或 ::after 元素也使用 box-sizing 属性，因为您可以塑造他们就像盒子一样。 * 不包含这些伪元素，因此 *::pseudo 将为您完成。