css - 使用通用选择器 (*) 的 CSS3 box-sizing 会减慢浏览器的速度吗？

Question

我更喜欢 CSS 边框模型，我想很多其他人也这样做：

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

然而CSS Lint警告我：

The universal selector (*) is known to be slow.

这里真的是这样吗？使用边框模型可能是当今最常见的，如果浏览器没有优化它，我会感到惊讶。但也许我错了？

Answer 1

众所周知，通用选择器 (*) 很慢。

嗯，比其他东西慢，是的。你应该尽量不要使用它（在大多数情况下），是的。但是，除非您尝试为 10000 个元素设置动画，否则您不必担心它的速度还不够慢。

就个人而言，我认为 box-sizing 应该始终是border-box因为 box 模型感觉很自然。如果您同意，那么像这样调整所有元素的大小是非常合适的。否则，只在需要的地方应用它。

不要根据 lint 告诉您的内容编写代码。