Question

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

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

然而CSS Lint警告我：

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

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

Answer 1

众所周知，通用选择器（*）很慢。

嗯，比其他东西慢，是的。你应该尽量不要使用它（在大多数情况下），是的。但是，除非你试图为10000个元素制作动画，否则它并不足以让你担心它。

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

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