将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。该程序还可以选择按字母顺序排列您的样式（如果您希望这样做对您有利）。