html - CSS属性顺序的位置是否重要？

Question

这似乎是一个简单的问题，但我想知道如何在各个选择器中定位属性，例如：displayfirst 或widthfirst 等；贝娄就是一个例子，位置与造型混合在一起，真的无处不在。

.box {
    display:block;
    width:100px;
    background-color:blue;
    margin:25px;
    position:absolute
}

• 真的有关系吗？
  
• 有什么我们应该遵循的指导方针吗？

谢谢，

Answer 1

属性的顺序无关紧要（在技术意义上），除非它们：

• 是否相同的属性（包括供应商前缀版本）
• 一个属性是包含另一个属性的速记属性

例如：

background: url('foo');
background-color: red;

和

background-color: red;
background: url('foo');

... 会给出不同的结果（因为如果你省略了它被视为background-color的属性部分）。backgroundtransparent

Answer 2

在很大程度上，这确实是品味和风格的问题。如果您寻找它们，有许多可用的指南，但可以从 Nicolas Gallagher 的Idiomatic CSS开始——特别是声明顺序部分。

如果要一致地对声明进行排序，则应遵循一个单一、简单的原则。

...

较小的团队可能更喜欢将相关属性（例如定位和盒子模型）聚集在一起。

...

较大的团队可能更喜欢字母顺序带来的简单性和易于维护性。