css - 将 CSS 属性按字母顺序排列是否有速度优势？

Question

我希望这个问题不要太奇怪和武断。当我使用 Firebug 查看一些 CSS 时，我注意到每个标签的 CSS 属性是按字母顺序排列的。

它想告诉我们什么吗？

除了能够更快地找到您想要的属性的明显好处之外，我想知道:如果属性在原始样式表中按字母顺序排列，浏览器是否可以更快地应用这些属性？

例如这是...

body {
  background: #222;
  color: #DDD;
  font-size: 0.85em;  
}

#content {
  background: #444;
  padding: 1em;
}

p {
  border-bottom: 0.9em;
  line-height: 1.2em;
  text-align: justify;
}

...比这更好...？

body {
  font-size: 0.85em;
  background: #222;
  color: #DDD;  
}

#content {
  padding: 1em;
  background: #444;
}

p {
  text-align: justify;
  line-height: 1.2em;
  border-bottom: 0.9em;
}

这可以有效地测试吗？

这显然会在整个样式表中重复，因此浏览器是否会从按顺序执行操作中受益，如果是这样，是否值得重新访问过去的样式表以重新排序？

-- 编辑--

好吧，对我的问题稍做修改:如果每个标签的属性总是以相同的顺序出现怎么办。背景总是在边框之前总是在颜色之前等等(我知道我错过了一些!)对于每个标签。按字母顺序排列会帮助您保持秩序，而不是最佳方法。

然而，看起来压倒性的共识是这并不重要!

Answer 1

按字母顺序排列样式绝对不会提高速度。

如果你想要真正的速度优势，你应该缩小你的 CSS。

有很多程序可以做到这一点，但这里有一个:CSSTidy .该程序还可以选择按字母顺序排列您的样式(如果您希望这样做对您有利的话)。