Css 哪个变量更适合指定整个文档的框大小？

有时我会在文档的开头看到这种代码：

html {
    box-sizing: border-box;
}

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

我不明白其中：before和：after伪元素的用途。为什么

*{
    box-sizing: border-box;
}

够了吗

---

谢谢：）你可以阅读一篇非常好的解释。这很好地解释了你的疑问。

重置“旧”边框框
最早的

框大小：边框框重置
看起来是这样的：

*{
框大小：边框框；
}



这工作得相当好，但它忽略了伪元素，这可能会导致一些意外的结果。A.
涵盖伪元素的修订重置很快出现：

通用盒尺寸调整


*，*：之前，*：之后{
框大小：边框框；
}



该方法还选择了伪元素，提高了图像的归一化效果
边框框
。但是，
*
选择器使开发人员很难
在CSS中的其他位置使用
内容框
或
填充框
。这让我们
为当前领先者提供最佳实践：

带继承的通用框大小调整


html{
框大小：边框框；
}
*，*：之前，*：之后{
框大小：继承；
}


此重置比以前的重置更具灵活性-您可以使用
内容框
或
填充框
（支持时）可随意填充，无需担心
通用选择器覆盖您的CSS。我们继续深入研究
“继承盒子大小”中的这项技术及其背后的推理
可能是更好的最佳做法”。一个潜在的抱怨
是不是
框大小调整
通常不是继承的，所以它是专门化的
行为，和你通常放在盒子里的东西不太一样
重置





其他来源：


，

,

重复：（无法关闭，因为没有追加投票）您引用的部分不是相关位。。。好东西在这里，你可能想引用一些有趣的东西。是的，我意识到了