将所有html元素设置为继承时的效果

Question

我在代码库中找到了这个：

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

它给我带来了一些直接的问题，但它为我提出了一个问题 - 如果所有都设置为继承某些东西......那么最高级别的继承是什么？我误解了*运算符的工作原理吗？

Answer 1

此规则只定义所有子元素将从其父元素继承box-sizing设置。因此，当您为元素定义特定的box-sizing时，除了明确定义的不同之外，其所有子元素都将具有相同的元素。

如果在任何地方没有box-sizing设置，则所有设置都将保留为默认设置，即content-box。