Css 规则中不同样式的顺序重要吗？

我注意到，当我看到我写的规则时，比如说：

label { 
font-size: 12px; 
position: absolute; 
padding: 9px;
color: #666;
}

在firebug中，它翻译为：

label {
color: #666; 
font-size: 12px; 
padding: 9px;
position: absolute; 
}

基本上，重新排列样式。为什么?

---

在我的风格中是否有“终极”优先权来提高装载速度？Ie是否有我不知道的加载顺序？

您规则中的样式顺序并不重要。Firebug在您的案例中似乎按字母顺序排序（这可能是偶然的）

当然，在这种有问题的情况下，订单将发挥作用：

.foo {
    background: url(foo.png) top left repeat-x;
    background-image: url(bar.png);
}

---

一般来说：是的，顺序确实与实际设置的属性有关

您可以在谷歌上搜索CSS优先级上的许多链接，例如：

label { 
font-size: 12px; 
position: absolute; 
padding: 9px;
color: #666;
}

但就您在调试器中看到的情况而言，这对于CSS的实际呈现方式来说根本不重要。在这个特殊类别中，“颜色”、“字体大小”、“填充”和“位置”的顺序只是Firebug的产物。

是的，顺序很重要：

label { 
font-size: 12px; 
position: absolute; 
padding: 9px;
color: #666;
font-size: 15px; 
}

---

字体大小（15px）将否决12px，正如前面所述，顺序对于让浏览器选择使用哪个规则很重要，但就性能而言，我还没有听说过类似的事情。由于CSS只是一个文本文件，下载速度不会受到影响。但我认为没有人用一些测试用例来研究这个主题。

我理解级联。。。我说的是类中的顺序。在HTML类或CSS规则中列出“CSS声明”（例如“font size:12px”）的顺序并不重要。。。除非声明相互冲突。在这种情况下，这很重要，第二次声明获胜。但再一次：总的来说，秩序很重要。同样，在本例中，它似乎只是Firebug调试器的一个良性工件（和/或“有用功能”）。您可能应该将问题改写为在同一选择器中使用不重复的样式。除了问题中没有任何内容被重新声明或重写。