CSS属性的位置是否有关？

Question

这似乎是一个简单的问题，但我想知道如何在单个选择器中定位属性，例如：display首先或width首先等;贝娄就是一个例子，位置与造型混合在一起，真的到处都是。

.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属性的background部分，则会将其视为transparent。）

Answer 2

在很大程度上，它确实是品味和风格的问题。如果您找到它们，可以使用许多指南，但有一个地方是Nicolas Gallagher的Idiomatic CSS - 特别是Declaration Order部分。

  

如果要一致地订购声明，则应该遵循一个简单的原则。

     

...

     

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

     

...

     

较大的团队可能更喜欢按字母顺序排列的简单性和易维护性。