奇怪的使用CSS :: before,:: after

Question

在Sitepoint示例中(从本文中)看到了这一点CSS ,并且无法理解它应该做什么.显然,第一个选择器将box-sizing样式应用于所有内容,但我不理解在这种情况下使用::before/ ::after.我知道那些用于在给定元素之前或之后添加内容,但它在这里起作用的目的是什么？

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

Answer 1

这将强制任何::before或::after元素也使用该box-sizing属性,因为您可以将它们塑造成就像它们是盒子一样.在*不包括这些伪元素,这样*::pseudo会为你做的.